ExtJs-简单动态ComboBox

时间：2010-08-23 来源：忧忧夏天

1.首先效果图

2.Ext代码

代码

        //设置ComboBox列表数据源参数
        var comboxStore = new Ext.data.Store({
            proxy: new Ext.data.HttpProxy({
                url: "http://www.cnblogs.com/Service/SystemService/RoleService.ashx?Method=GetAllRoles"
            }),
            reader: new Ext.data.JsonReader({
                root: 'Table',
                totalProperty: 'RecordCount',
                id: 'RoleId',
                fields: ['RoleId', 'RoleName']
            })
        });

        comboxStore.load();

        //角色下拉框
        var roleCombox = new Ext.form.ComboBox({
            id: 'rCombox',
            //xtype: 'combo',
            fieldLabel: '所属角色',
            emptyText: '请选择所属角色',
            name: 'RoleName',
            anchor: '98%',
            store: comboxStore,
            displayField: 'RoleName',
            valueField: 'RoleId',
            hiddenName: 'RoleId',
            typeAhead: true,
            mode: 'remote',
            triggerAction: 'all',
            selectOnFocus: true,
            blankText: '角色不能为空',
            allowBlank: false,
            editable: false
        });