如何发送组合框的第一个值来存储以获取表数据并在extjs中显示

时间:2018-06-05 20:07:27

标签: extjs extjs5

我是ExtJs的新手,目前在一个场景中使用ExtJs5。

以下是组合框的代码。组合框中的可见值是“tr”,我需要将值传递给商店以获取报告仪表板(表格)并显示在下面。如何在组合框中访问报表项ID?

{
  xtype: 'combo', 
  fieldLabel: LANG.LOGIN_LANG,
  id : 'lang', 
  store:[['tr','Türkçe'],['ru','Русский'],['en','English']],
  mode: 'local',
  triggerAction: 'all',
  value: 'tr',
  selectOnFocus:true
},

此外,当我点击重置时,如果选择任何其他值,组合框应重置为第一个值。

1 个答案:

答案 0 :(得分:0)

你的意思是你想要一个组合框,你想要一个按钮来重新选择组合框中的第一个值吗?如果是这样的话。这是一个example。这是你如何做到的: -

Ext.create('Ext.form.ComboBox', {
        fieldLabel: 'Favourite Color',

        id: 'FavouriteColor',
        name: 'FavouriteColor',
        editable: false,
        queryMode: 'local',
        displayField: 'name',
        valueField: 'abbr',
        renderTo: Ext.getBody(),
        store: Ext.create('Ext.data.Store', {
            fields: ['abbr', 'name'],
            data: [{
                "abbr": "blue",
                "name": "Blue"
            }, {
                "abbr": "black",
                "name": "Black"
            }, {
                "abbr": "green",
                "name": "Green"
            }, {
                "abbr": "purple",
                "name": "Purple"
            }, {
                "abbr": "orange",
                "name": "Orange"
            }, {
                "abbr": "red",
                "name": "Red"
            }]
        })

    });

    Ext.create('Ext.Button', {
        renderTo: Ext.getBody(),
        text: 'Reset',
        handler: function () {
            Ext.getCmp('FavouriteColor').setValue('blue');
        }

    });

有关未来的参考资料,请参阅Sencha ext文档,了解正确的格式以创建组合框。