javascript - ExtJs 形成不同绑定(bind)的多个按钮

Question

需要为不同的按钮分别绑定(bind)我的表单元素。在元素中使用 allowBlank 来发送绑定(bind)条件，在按钮中使用 formBind 来绑定(bind)按钮。需要以这种最简单的方式这样做。 (ExtJs 4.2.1 经典版)

示例

Ext.create('Ext.form.Panel', {
 ......
 items: [
  Ext.create('Ext.form.field.Date', {
   .....,
   allowBlank: false, //bind for both search & download button.
   .....
  }),
  ......, //// All rest elements bind for both search & download button.
  Ext.create('Ext.form.ComboBox', {
   ......,
   allowBlank: false, //bind for only download button.
   ......
  })
 ],
 buttons: [
  {
   text: 'Search',
   formBind: true,  /// Need to bind for specific field only.
  },
  {
   text: 'Download',
   formBind: true,  /// Need to bind for all.
  },
  ............
});

如果需要任何其他数据或详细信息，请随时询问。

Answer 1

我在这里创建了一个 fiddle ，我认为它应该可以完成您想要做的事情。在组合框上使用事件监听器的想法，而不是 Download 按钮的 formBind 配置: https://fiddle.sencha.com/#view/editor&fiddle/289a

Ext.create('Ext.form.Panel', {
    renderTo: Ext.getBody(),
    itemId: 'exampleForm',
    items: [Ext.create('Ext.form.field.Date', {
            allowBlank: false, //bind for both search & download button.
        }),
        Ext.create('Ext.form.ComboBox', {
            allowBlank: false, //bind for only download button.
            listeners: {
                change: function (thisCombo, newValue, oldValue, eOpts) {
                    if (Ext.isEmpty(newValue)) {
                        thisCombo.up('#exampleForm').down('#btnDownload').setDisabled(true);
                    } else {
                        thisCombo.up('#exampleForm').down('#btnDownload').setDisabled(false);
                    }
                }
            },
            store: ['item1', 'item2']
        })
    ],
    buttons: [{
        text: 'Search',
        formBind: true, /// Need to bind for specific field only.
    }, {
        itemId: 'btnDownload',
        text: 'Download',
        disabled: true
            //formBind: true, /// Need to bind for all.
    }]
});