Ext.Data.Store如何将多个字段拼接起来？

最新推荐文章于 2023-10-11 07:36:46 发布

Trigl

最新推荐文章于 2023-10-11 07:36:46 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： ExtJs 文章标签： extjs 字段拼接 displayField valueField

本文链接：https://blog.youkuaiyun.com/Trigl/article/details/50414248

ExtJs 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在ExtJS框架中处理多选组合框(combo)的值展示问题，通过后台返回的数据库名称(db_cn)和用户模式(schema_nm)，合成并显示为“用户@数据库”的形式。

现在要求实现的是：后台传来的字段有两个：数据库db_cn和用户schema_nm。但是现在要求下拉框中显示的是这两个字段合成的一个值：用户@数据库。如下：

首先我们应当明白在一个页面加载的时候，ext的多选框combo页面组件是怎么触发事件的。首先写好的页面组件combo先体现在页面上，然后combo的仓库首先load，以取得后台的值，然后将load的值传入仓库进行reader，此时这些值就已经可以用ext的方法调用了。所以我们需要在load中实现将用户schema_nm值设置为用户@数据库的值，代码如下:

//数据库store
var DBStore = new Ext.data.Store( {
	proxy : new Ext.data.HttpProxy( {
		url : '../../extjs.do?action=getSelectAction'
	}),
	reader : new Ext.data.JsonReader( {
		root : 'root',
		id : 'schema_nm'
	}, [ {
		name : 'schema_nm'
	}, {
		name : 'db_cn'
	} ]),
	listeners : {
		load : function(DBStorestore,records){
			alert(records);//<span style="font-family:KaiTi_GB2312;">records是一个数组，是需要的参数组成的对象的集合</span>
			for(var i=0;i<records.length;i++){
				//alert(records[i].get('schema_nm'));
				//alert(records[i].get('db_cn'));
				records[i].set('schema_nm',records[i].get('schema_nm')+"@"+records[i].get('db_cn'));
				//alert(records[i].get('schema_nm'));
			}
		}
	}
});