Javascript ExtJS 5.0.1基于组合框选择显示网格

Javascript ExtJS 5.0.1基于组合框选择显示网格,javascript,extjs,Javascript,Extjs,正在寻找基于组合框选择显示/隐藏表单容器元素的帮助 我只希望网格(id:NspList)显示组合框(id:CarrierConnection)中是否选择了“NSP提供程序”。有人知道如何做到这一点吗?下面的代码片段: { xtype: 'container', layout: 'vbox', style: { paddingRight: '1

正在寻找基于组合框选择显示/隐藏表单容器元素的帮助

我只希望网格(id:NspList)显示组合框(id:CarrierConnection)中是否选择了“NSP提供程序”。有人知道如何做到这一点吗?下面的代码片段:

                  {
                    xtype: 'container',
                    layout: 'vbox',
                    style: { paddingRight: '10px', paddingBottom: '10px' },
                    items: [{
                            xtype: 'combobox',
                            labelAlign: 'top',
                            fieldLabel: 'Connectivity Type',
                            id: 'carrierConnectivity',
                            name: 'connectivity_type',
                            store:['GRE', 'GRE - with internet peering', 'MPLS', 'Direct Leased Line', 'NSP Partner'],
                            width: 250,

                        },
                        {
                            id: 'NspList',
                            flex: 1,
                            xtype: 'grid',
                            minHeight: 200,
                            maxHeight: 300,
                            width: 250,
                            selType: 'rowmodel',
                            title: 'NSP Providers',
                            forceFit: true,
                            bind: { store: '{nspnames}' },
                            plugins: [
                                Ext.create('Ext.grid.plugin.CellEditing', {
                                    clicksToEdit: 2
                                })
                            ],
                            columns: {
                                defaults: {
                                    editor: 'textfield'
                                },
                                items: [
                                    { text: 'Name', dataIndex: 'name'}
                                ]
                            },
                            tools: [
                                {type: 'plus', handler: 'addNsp'},
                                {type: 'minus', handler: 'removeNsp'}
                            ]
                        }

                    ]
                }

组合框中有一个要使用的更改侦听器:

listeners:{
    change:function(cb,newValue) {
        cb.nextSibling().setVisible(newValue=="NSP Partner");
    }
}
由于您尚未在复选框中选择NSP Partner作为默认值,因此应将网格配置为默认隐藏:

hidden:true

组合框中有一个要使用的更改侦听器:

listeners:{
    change:function(cb,newValue) {
        cb.nextSibling().setVisible(newValue=="NSP Partner");
    }
}
由于您尚未在复选框中选择NSP Partner作为默认值,因此应将网格配置为默认隐藏:

hidden:true

这很有效。谢谢你,亚历山大,非常感谢。这非常有效。非常感谢亚历山大。