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

最新推荐文章于 2021-02-06 17:20:34 发布

最新推荐文章于 2021-02-06 17:20:34 发布 · 248 阅读

javascript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何在dhtmlxGrid中实现数据查找定位功能，包括查找下一个与上一个匹配项的方法。通过JavaScript实现了对表格数据的搜索，并高亮显示匹配的单元格。

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");
	}
  }