Ext grid checkbox 分页 翻页 勾选 问题

         timeArray = new Array();	//临时数组变量
	var timeStatusBar = new Ext.ux.StatusBar({
	        id: 'statusbar',
	        defaultText: '选择时间列表',
	});	 
	var timeSelectModel = new Ext.grid.CheckboxSelectionModel({
		checkOnly:true,
		singleSelect:false,
		listeners:{
			rowselect:function(sm, rowIndex, record){  //选择事件,将time添加到timeArray中
				var time = record.data.time;				
				if (!ArrayContains(timeArray, time)){
				//timeArray中没有存储time,则添加到timeArray中
					var link = '<a href="javascript:removeTime_result('+time+')"><img src="/NetMonitor/Images/common/delete.gif"/></a>';
					ArrayAppendDesc(timeArray, time, [time, link]);
					timeStore_result.loadData(timeArray);					
				}
				
			},
			rowdeselect:function(sm, rowIndex, record){  //取消选择事件,从timeArray中移除出去
				//临时变量中存储了这个time,则从timeArray中移除出去
				var time = record.data.time;			
				ArrayRemove(timeArray, time);
				timeStore_result.loadData(timeArray);				
			}
		}
	});
	var timeColumnModel = new Ext.grid.ColumnModel([
	    {  header:'时间选择列表',dataIndex:'time',width:200,align:'center'},
	    timeSelectModel
	]);
	var timeRecordType = Ext.data.Record.create([{name:'time'}]);
	var timeStore = new Ext.data.Store({
		id:'timeStore',
		proxy:new Ext.data.DWRProxy(ExcelDaoService.getGridTime_ExcelDao,false),
		reader:new Ext.data.ListRangeReader({
			root:'data',
			totalProperty:'totalSize'
		},timeRecordType)
		,
		listeners:{
			beforeload:function(){
				timeStore.baseParams = {table:table};	
			},
			load:function(){                                        //加载的时候,根据临时变量timeArray勾选
				var records = new Array();
				timeStore.each(function(record){
					for(var i=0; i<timeArray.length; i++){
						if(timeArray[i][0] == record.data.time){
							records.push(record);
						}						
					}
				});			
				timeSelectModel.selectRecords(records, true);
			}
		},
		remoteSort:true
	});

	var pageTBar=new Ext.PagingToolbar({
		id:'pagingTbr',
		pageSize: 20,
		store:timeStore,
		afterPageText:'共{0}页',
		beforePageText:"当前页",
		lastText:"尾页",
		nextText:"下一页",
		prevText:"上一页",
		firstText:"首页"
	});
	var timeGrid = new Ext.grid.GridPanel({
		id:'timeGrid',
		tbar:timeStatusBar,
		bbar:pageTBar,
		cm:timeColumnModel,
		sm:timeSelectModel,
		store:timeStore,
		autoScroll:true,
		stripeRows:true,
		height:540
	});

Ext grid checkbox在翻页的过程中,会碰到之前勾选的数据,无法记录的情况,这时就应该使用一个临时array变量存储勾选的值,然后在grid每次load的时候,把每行数据与该array变量进行遍历判断,这样就能实现翻页保持勾选数据的效果。


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值