1

メニュー項目を含むツールバーを作成しました。

Ext.create('Ext.toolbar.Toolbar', {
    renderTo: document.body,
    padding: '30 0 0 0',
    width   : '100%',
    items: [
        {
            xtype: 'splitbutton',
            text : 'File',
            menu: Ext.create('Ext.menu.Menu', {
                  width: 200,
                  margin: '0 0 10 0',
                  items: [
                      {
                          text: 'Import',
                          // code here
                      }
                  ]
            })
         }
    ]
});

だから私がやろうとしているのは、 File->Openと同じようにImportボタンを使用できるようにすることです。 を追加できることはわかっていますが、テキスト フィールドに参照ボタンが表示されます。 また、ユーザーが特定のファイル拡張子のみを選択できるようにしたいと考えています。ファイルを選択した後 ([開く] をクリック)、ファイル ツリーに追加したいと考えています。
xtype: 'filebutton'
viewport

助けてくれてありがとう。

4

1 に答える 1

0

xtype: 'fileuploadfield'ファイル名/テキストフィールドを使用して非表示にすることで、それを理解しました。

xtype: 'fileuploadfield',
buttonText : 'Open',
buttonOnly: true, 

それはそれが得るのと同じくらい簡単です。を作成してtoolbar、このコードをそのitemフィールドに入れるだけです。

于 2013-05-27T21:10:25.560 に答える