Ext4 ComboBox组件使用

最新推荐文章于 2020-12-25 17:57:08 发布

转载最新推荐文章于 2020-12-25 17:57:08 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xienb/p/3584922.html

文章标签：

#json

本文详细解析了如何通过调整数据格式，实现数据远程获取并在应用程序中正确显示，具体以创建组合框组件为例进行演示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　先来看例子：

Ext.define('schoolModel', {
                extend: 'Ext.data.Model',
                fields: [{
                    name: 'id',
                    type: 'string'
                }, {
                    name: 'name',
                    type: 'string'
                }]
            });
            var schoolstore = Ext.create('Ext.data.Store', {
                model: 'schoolModel',
                proxy: {
                    type: 'ajax',
                    url: C_ROOT + "Base/Student/GetSchoolList",
                    reader: {
                        type: 'json',
                        root: 'Record'
                    }
                },
                autoLoad: true
            });
            var schoolCombo = Ext.create('Ext.form.field.ComboBox', {
                valueField: "id",
                displayField: 'name',
                name: 'schoolid',
                store: schoolstore,
                colspan: 1,
                fieldLabel: '所属校区',
                queryMode: "local",
                forceSelection: true,//只能选，不能输入文本
                typeAhead: true//如果匹配到已知的值将填充和自动选择键入的文本其余部分
            });

　　看了官网的例子，模仿了一下，数据怎么都显示不出来，后来发现原来是数据格式问题，当通过远程获取数据时，需要store需要配置reader项，root属性指示从服务端获取到的json串里面数组对应的属性名，比如以上示例中获取到的数据格式为：{‘Record’:[{‘id’:‘01’,‘name’:‘湖东’},{‘id’:‘02’,‘name’:‘湖西’}]}

转载于:https://www.cnblogs.com/xienb/p/3584922.html