ComboBox

来源：互联网发布：tensorflow epoch 编辑：程序博客网时间：2024/05/22 00:29

var searchDeptment = new Ext.form.ComboBox(
                {
                    fieldLabel : "部门",
                    width : 200,
                    xtype : 'combo',
                    mode : 'local',
                    value : '',
                    triggerAction : 'all',
                    forceSelection : true,
                    editable : false,
                    displayField : 'dept_name',   ---------显示的值
                    valueField : 'id',                     ---------实际的值
                    store : new Ext.data.JsonStore(
                            {
                                autoLoad : true,
                                fields : [ 'dept_name',
                                        'id' ],
                                        baseParams: {
                                            method : 'listSalesDeptment',
                                            moduleId : 'sales-deptment',
                                        },
                                        proxy: new Ext.data.HttpProxy({
                                            url: 'services.do'
                                        })
                            })
                });

-------------------------------------------------------------------------------------------------------------------

json格式: [{"id":1,"dept_name":"1"}]

-------------------------------------------------------------------------------------------------------------------

加监听事件：listeners：

var searchDeptment = new Ext.form.ComboBox(
                        {
                            fieldLabel : "部门",
                            width : 200,
                            xtype : 'combo',
                            mode : 'local',
                            value : dept_name,
                            triggerAction : 'all',
                            forceSelection : true,
                            editable : false,
                            displayField : 'dept_name',
                            valueField : 'id',
                            store : new Ext.data.JsonStore(
                                    {
                                        autoLoad : true,
                                        fields : [ 'dept_name',
                                                'id' ],
                                                baseParams: {
                                                    method : 'listSalesDeptment',
                                                    moduleId : 'sales-deptment',
                                                },
                                                proxy: new Ext.data.HttpProxy({
                                                    url: 'services.do'
                                                })
                                    }),
                            listeners:{
                                "select":function(){
                                    dept_id = searchDeptment.value;
                                }
                            }
                        });