对于jqgrid列表数据的追加,数据量大时,渲染慢的方式处理

	function listselectCallback(id, action, index, layero, selectData){
	
			//或者这样:
			for(var key in selectData){
				let data = [];
				var model = selectData[key];
				//判断列表中是否已存在
				if(rowDataTest.findIndex(rowData=>{
					return rowData == key;
				})>-1){
					console.log('已存在')
				}else{
					data.push({
					'status': 0,
					'bean.id':model.id,
					'bean.code':model.code,
					'bean.type':model.type,
					'remarks':'测试数据'
					});
				}
			}
			yourGrid.jqGrid('addRowData', 'id', data);
			//这是关键点:一次性添加****************************************
			yourGrid.jqGrid('addRowData', 'id', data);
			//这是关键点:一次性添加****************************************
			//统一将列表数据,置成可编辑状态
			for (let i = 0; i < ids.length; i++) {
				yourGrid.jqGrid("editRow", ids[i]);
			}
			
			
			//可以这样:
			let keys = Object.keys(selectData);
			// 对于jqgrid列表数据的追加,数据量大时,渲染慢的方式处理
			let data = [];
			for (let i = 0; i < keys.length; i++) {
				data.push({
					'status': 0,
					'bean.id':selectData[keys[i]].id,
					'bean.code':selectData[keys[i]].code,
					'bean.type':selectData[keys[i]].type,
					'remarks':'测试数据'
				});
			}
			yourGrid.jqGrid('addRowData', 'id', data);
			let ids = yourGrid.dataGrid("getDataIDs");
			for (let i = 0; i < ids.length; i++) {
				yourGrid.jqGrid("editRow", ids[i]);
			}
			
			
	}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章