0

extjs を使用してメニューを作成しました。クリックすると、メニュー項目がドロップダウンされます。最初のアイテムは開いています。このボタンは、ファイルダイアログからファイルを開くことになっています。しかし、私が見つけたファイルダイアログを開く唯一の方法はfile dialog field、ボタンを表示するだけでメニューに配置することです。

ここで、このボタンを通常のメニュー項目のように見せるための助けが必要です:

    var item = Ext.create('Ext.form.field.File', {
        buttonOnly: true,
        buttonText: 'Open',
        hideLabel: true,
        // maybe to add some css class here
        listeners: {
             'change': function(fb, v){
            Ext.Msg.alert('Status', item.getValue());
              }
        }
    }); 

    var mainmenu = Ext.create('Ext.menu.Menu', {
        width: 200,
        margin: '0 0 10 0',
        items: [item]
    });
4

1 に答える 1

0

属性 buttonConfig を Ext.form.field.File アイテムに追加してから、標準の属性をボタンに使用できます。たとえば、これはうまくいくかもしれません：

var item = Ext.create('Ext.form.field.File', {
    buttonOnly: true,
    buttonText: 'Open',
    hideLabel: true,
    buttonConfig: {
        style: {
          background: "#f1f1f1",
          border: 0
        }
    },
    listeners: {
         'change': function(fb, v){
        Ext.Msg.alert('Status', item.getValue());
          }
    }
});

インライン CSS の代わりに CSS クラスを使用するように、buttonConfigのstyle属性の代わりにclsを配置するように変更してみてください。

于 2013-05-20T22:15:25.403 に答える