ExtJs中从一个GridPanel中选择数据到另一个GridPanel中

最新推荐文章于 2026-05-24 14:53:07 发布

原创

最新推荐文章于 2026-05-24 14:53:07 发布 · 2.8k 阅读

收录于

当前文章被以下社区和专栏收录：

本文介绍了如何在ExtJS中实现从一个GridPanel（Grid1）选择数据，并将其显示到另一个GridPanel（Grid2）中。关键在于Grid2的列设置必须是Grid1列的子集。通过双击Grid1的行，可以将数据转移到Grid2，实现数据的传递。

暂时规定被取数据的GridPanel为Grid1，接收数据的GridPanel为Grid2。

如果想要Grid2能接收到Grid1的数据的话，就要Grid2在定义column的时候为Grid1的column的子集，也就是定义的列名称要与Grid1的列名称相同。

下面附上例子，效果是双击Grid1的一行，将这一行的数据传到Grid2中。

1. Grid1定义：

	var sm1 = new Ext.grid.CheckboxSelectionModel({});		//定义行选择模式：复选框
	/** 数据源store */
	var holderStore = new Ext.data.JsonStore({ 
        url: "./jxy/meetsystem/queryHoldersByConditionsAction",
        autoLoad: {params:{start:0,limit:allPageSize}},  //传递到后台的参数 
        fields: ["id","organizationName","holderBirth","holderName","basicCardno","holderTel"], 
        method: 'POST',
        root: "data",                         //从后台取得的数据 
        totalProperty: "totalProperty",       //从后台取得的数据总量
        listeners: {
    		beforeload: func

标签