ExtJs ComboBox 加载服务器数据

<!-- lang: js -->
/** 上级节点下拉框--------------开始*/
        var p_Store = new Ext.data.Store({
            proxy: new Ext.data.HttpProxy({
                url: 'menu/getMenuComboBox' //这里是参数可以顺便写,这个数据源是在第一个下拉框select的时候load的
            }),
            reader: new Ext.data.JsonReader({
                fields:['text','value']
            })
        });

         var p_comb  = new Ext.form.ComboBox({
            fieldLabel: '上级节点',
            labelSeparator : ':',
            name:"parentId",
            store:p_Store,
            valueField:'value',
            displayField:'text',
            typeAhead: true,
            //mode: 'local',
            triggerAction: 'all',
            selectOnFocus:true,
            editable:false,
            readOnly: true,
            anchor : '95%',
            emptyText:'请选择...',
            blankText : '请选择' // 该项如果没有选择,则提示错误信息,
            //listWidth: 105,                //设置数据显示框的长度
            //width:90,                      //设置下拉框的长度
            //hideTrigger:false

//listeners: { //为Combo添加select事件
//select: function(combo, record, index) { // 该事件会返回选中的项对应在 store中的 record值. index参数是排列号.
//alert(index);
//}
//}

        });
         className.p_comb = p_comb;
         p_Store.load();

        /** 上级节点下拉框--------------结束*/

服务端数据
[{“text”:“我的工作台”,“value”:1},{“text”:“邮件处理”,“value”:2},{“text”:“学生管理系统”,“value”:9},{“text”:“收件箱”,“value”:15}]

你可能感兴趣的:(ExtJs,combobox)