dhtmlxGrid的数据集添加查找定位功能

最新推荐文章于 2022-08-29 08:23:55 发布

iteye_194

最新推荐文章于 2022-08-29 08:23:55 发布

阅读量222

点赞数

分类专栏： javascript

javascript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

dhtmlxGrid添加查找定位功能
dhtmlxGrid是一个很实用的表格控件，
这里遇到个需求就是将dhtmlxGrid中数据集中的数据实现查找功能（支持下一个，上一个）。


function next(){
	var data = document.getElementById("find").value;
	//当前选择的序号
	var sid = mygrid.getSelectedRowId();
 	if(sid==null){
 		sid = 1;
 	}else{
 		sid++;
 	}
 	if(data.length>0){
		var rows = mygrid.getRowsNum();
		for(sid;sid<rows+1;sid++){
			if(data.toLowerCase() == mygrid.cells(sid, 1).getValue().toLowerCase())  
			  {  
			      alert("find!!");
			      mygrid.selectCell(mygrid.rowsCol[sid-1],0,true);
			      return false;  
			  }
		}
		alert("not find");
	}
  }
  function previous(){
	var data = document.getElementById("find").value;
	var sid = mygrid.getSelectedRowId();
 	if(sid==null){
 		sid = mygrid.getRowsNum();
 	}else{
 		sid--;
 	}
 	if(data.length>0){
		var rows = mygrid.getRowsNum();
		for(sid;sid>1;sid--){
			if(data.toLowerCase() == mygrid.cells(sid, 1).getValue().toLowerCase())  
			  {  
			      alert("find!!");
			      mygrid.selectCell(mygrid.rowsCol[sid-1],0,true);
			      return false;  
			  }
		}
		alert("not find");
	}
  }