extjs Combox 调用数据

最新推荐文章于 2018-09-22 15:12:59 发布

原创最新推荐文章于 2018-09-22 15:12:59 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

extjs2-combox 专栏收录该内容

0 篇文章

订阅专栏

本文介绍如何使用ExtJS框架中的组合框组件从服务器获取JSON格式的数据，并正确地显示这些数据。具体步骤包括创建HTTP代理、配置JsonReader读取器以匹配服务器返回的字段，然后将这些设置应用于Store并绑定到组合框上。

1方法一从 json获取

var typeStore = new Ext.data.Store({
                proxy : new Ext.data.HttpProxy({url : ctx + '/cms/faqTypeListCombox.do'}),
                reader : new Ext.data.JsonReader({}, [ 'value', 'name' ]) // 显示的字段名，与服务器端返回的json中字段一致
            
            });
new Ext.Panel({
				columnWidth : .2,
				layout : 'form',
				border : false,
				labelWidth : 58,
				labelAlign : 'right',
				items : [ {
					xtype : 'combo',
					fieldLabel : '所属分类',
					hiddenName : 'typeId',
					store : typeStore,
					emptyText : '请选所属分类',
					triggerAction : 'all',
					valueField : 'value',
					displayField : 'name',
					readonly : true,
					allowBlank : true,
					editable : false,
					// anchor:'20%'
					width : 130
				} ]
			})