ExtJs——获取GridPanel中的行数据的详细信息

最新推荐文章于 2020-12-24 02:52:07 发布

天使路

最新推荐文章于 2020-12-24 02:52:07 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： ExtJs 文章标签： Ext JS GridPanel GridPanel获取选择行的详细信息

本文链接：https://blog.youkuaiyun.com/linglinglu/article/details/9168791

ExtJs 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何在ExtJS中，当用户在GridPanel选择多行时，获取这些选中行的详细信息，包括数据字段和值。

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

首先来一段GridPanel的定义：

	var sm2 = new Ext.grid.CheckboxSelectionModel({});
	/** 定义Grid2的数据源 */
	var personStore = new Ext.data.JsonStore({
		method : "POST",
		fields : ["id","organizationName","holderBirth","holderName","basicCardno","holderTel"]		//与Grid1列一致，至少列名称一致
	});
	var personColumn = new Ext.grid.ColumnModel([sm2, {
		header : 'ID',
		sortable : true,
		hidden : true,
		dataIndex : 'id'
	}, {
		header : 'organizationName',
		sortable : true,
		hidden : true,
		dataIndex : 'organizationName'
	}, {
		header : '姓名',
		sortable : true,
		dataIndex : 'holderName'
	}, {
		header : '卡号',
		sortable : true,
		dataIndex : 'basicCardno'
	}, {
		header : '生日',
		sortable : true,
		dataIndex : 'holderBirth'
	}, {
		header : '电话',
		sortable : true,
		dataIndex : 'holderTel'
	}]);
	
	var personGrid = new Ext.grid.GridPanel({
		region : 'center',
		title : "出席会议的人员列表",
		height : 200,
		border : true,
		store : personStore,
		tbar: [btn_save, '-', btn_remove, '-', btn_check],
		viewConfig : {
			forceFit : true
		},
		cm: personColumn,
		sm: sm2
	});

比如personGrid中选择了多行，我们就来获取这选择的多行的详细信息：

						/** 组织右侧personGrid中的数据，格式：[{id,name};{id,name}] */
			var personStore = personGrid.getStore(); 
			for(var i = 0; i < personStore.getCount(); ) {
				var sublist = "";
				/** 获取详细信息*****begin */			
				var holderName = personStore.getAt(i).get("holderName");
				var holderBirth = personStore.getAt(i).get("holderBirth");
				var basicCardno = personStore.getAt(i).get("basicCardno");
				var holderTel = personStore.getAt(i).get("holderTel");
				/** 获取详细信息*****begin */				
				sublist = "{holderName:" + holderName + ",holderBirth:" + holderBirth + ",basicCardno:" + basicCardno + ",holderTel:" + holderTel + "}";
				if(i == personStore.getCount() -1) {
					dataList = dataList + sublist;
				}else{
					dataList = dataList + sublist + ";";
				}
				i = i + 1;
			}
			dataList = dataList + "]";