extjs4 grid 多选、添加复选框、动态添加删除数据

最新推荐文章于 2018-03-09 17:39:40 发布

冷月宫主

最新推荐文章于 2018-03-09 17:39:40 发布

阅读量1.2k

点赞数

分类专栏： javascript EXT 文章标签： extjs function

javascript 同时被 2 个专栏收录

311 篇文章

订阅专栏

EXT

192 篇文章

订阅专栏

本文介绍如何在ExtJS框架中实现Grid组件的多选功能，并通过示例代码展示了如何动态添加和删除Grid中的数据。具体包括启用多选、获取已选择项及其实现数据的增删操作。

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

grid多选属性：multiSelect: true

添加复选框：首先定义var selectModel = Ext.create(‘Ext.selection.CheckboxModel’); 然后设置grid的selModel属性。

动态添加删除数据：store.insert();和store.remove();

示例代码：

var arows = Ext.getCmp('dailytestuffASG').getSelectionModel().getSelection();
var orows = Ext.getCmp('dailytestuffOSG').getSelectionModel().getSelection();
if(orows.length==0){
	Ext.Msg.alert('错误','请选择要添加的记录！');
	return;
}
var flag = false;
for(var i=0;i<orows.length;i++){
	if(arows.length>0){
		for(var j=0;j<arows.length;j++){
		         if(orows[i].get('userId')==arows[j].get('userId')){
		               flag = true;
		                break;
		         }
		}
		if(flag==true){
		         flag==false;
		         continue;
		}
	}
	var data = [{'userId': orows[i].get('userId'),
		      'userName': orows[i].get('userName'),
		      'depart': orows[i].get('depart')}];
	dailytestuffASGStore.insert(0,data);
}
Ext.each(orows,function(orows){
	dailytestuffOSGStore.remove(orows);
});
dailyASGModel.selectAll();