EXTJS 3.0 资料控件之 combo 用法

最新推荐文章于 2023-06-17 22:16:18 发布

转载最新推荐文章于 2023-06-17 22:16:18 发布 · 265 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/foreverfendou/p/4195399.html

本文介绍了如何在ExtJS中配置Combo控件以显示年款数据。首先定义了一个包含年份选项的数据存储，然后设置了Combo控件的各项属性，如宽度、字段标签、数据源等，并为其添加了选择事件监听。

EXTJS combo 控件：

1.先定义store

//年款
var comboData_ReleasYear = [
     ['0', '2010'],
     ['1', '2011'],
     ['2', '2013'],
     ['3', '2014']
];

2.定义combo控件

{
            layout: 'form',
            labelWidth: 50,
            width: 260,
            items: [{
                xtype: 'combo', name: 'ReleasYear', allowBlank: false,
                fieldLabel: '年款', width: 150,
                store: new Ext.data.SimpleStore({
                    fields: ['Id', 'Name'],
                    data: comboData_ReleasYear
                }),
                valueField: "Id",
                displayField: "Name",
                mode: 'local',
                editable: false,
                triggerAction: 'all',
                allowBlank: false,
                autoload: true,
                listeners: {
                    'select': function (combo, record, index) {                   
                        var ReleasYear = PKUPanelForm.form.findField('ReleasYear').getRawValue();
                        if (ItemStorePKU.getCount() == 0) {
                            ItemStorePKU.insert(0, new ItemStorePKU.recordType({ ReleasYear: ReleasYear }));//插入到最后一行
                        } else {
                            for (var i = 0; i < ItemStorePKU.getCount() ; i++) {
                                ItemStorePKU.insert(i, new ItemStorePKU.recordType({ ReleasYear: ReleasYear }));//插入到最后一行  
                            }
                        }
                    }
                }
            }
            ]
        }

转载于:https://www.cnblogs.com/foreverfendou/p/4195399.html

EXTJS 3.0 资料 控件之 combo 用法

EXTJS 3.0 资料控件之 combo 用法