1

ExtJS 3.4 の使用 - 3 つのボタンを一列にレイアウトするフォームパネルがあります。これを行う正しい方法は、項目ブロックをネストすることだと思います。コードは、私が何をしているかを示しています。

var myPanel = new Ext.form.FormPanel({
    id:'myPanel',
    height:300,
    width: 800,
    items:[{
        layout : 'column' ,border:false,buttonAlign : 'left', bodyStyle : 'padding:15px 20px 0',
        items:[{
                      layout:'column' , border:false,  
                      items:[saveSelectedButton, deleteSelectedButton, cancelButton ]
               }]
      }]


});

私が本当にする必要があるのは、ボタンを動的に追加して、アイテムブロックが最初は空でitems:[]、次に呼び出すことです

myPanel.add(saveSelectedButton, deleteSelectedButton, cancelButton);

ボタンは列にレンダリングされますが、何か提案はありますか?

4

1 に答える 1

0

buttonsの代わりにの使用itemsがより好ましい方法です。

var myPanel = new Ext.form.FormPanel({
// ... 
    buttons:[saveSelectedButton, deleteSelectedButton, cancelButton]  
});

それらを動的に追加するには、addButtonメソッドを使用する必要があります。例えば

var form = new Ext.form.FormPanel({
        title: 'Test',
        el: 'test',
        url: '',
        method: '',
        items: [{}],
        buttons: [{}]
    });
    form.addButton({
        text: 'Test Button',
        id: 'test-button',
        type: 'submit'
    });
    form.render();
于 2012-08-22T11:08:19.043 に答える