extjs下拉框

定义数据模型存储store中的数据
Ext.define('tudevinfomodel', {
    extend: 'Ext.data.Model',
    idProperty: 'udevid',
    fields: [
        {name: 'udevid', type: 'string'},
        {name: 'udevname', type: 'string'}
    ]
});

加载store请求后台数据
var storeTUDevInfo = Ext.create('Ext.data.Store', {
    autoLoad: true,
    model: 'tudevinfomodel',
    folderSort: false,
    proxy: {
        type: 'ajax',
        url: 'TUDev/loadTUDevInfoList',
        reader: {
            type: 'json',
            rootProperty: 'data',
            totalProperty: 'total'
        }
    },
    listeners: {
        beforeload: function (store, options) {
            var params = {
            };
            Ext.apply(store.proxy.extraParams, params);
        }
    }
});

新建下拉框对象来使用
var TUDevInfoComboBox= new Ext.form.ComboBox({
    name: 'attrrw',
    fieldLabel: '属性读写',
    store: storeTUDevInfo ,
    displayField: '
udevname
', valueField: '
udevid',
triggerAction: 'all', emptyText: '请选择...', editable: false, mode: 'local'});
直接读取本地数据

var txtParaRW = new Ext.form.ComboBox({
    name: 'pararw',
    fieldLabel: '参数读写',
    maxLength: 20,
    store: new Ext.data.ArrayStore({
        fields: ['id', 'name'],
        data: [[0, '可读可写'], [2, '只读'], [3, '只写']]
    }),
    blankText: '请选择',
    editable: false,
    displayField: 'name',
    valueField: 'id'
});



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值