`

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

 
阅读更多
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");
	}
  }



  • 大小: 13.6 KB
  • bom.zip (124.4 KB)
  • 下载次数: 71
分享到:
评论

相关推荐

    dhtmlxGrid介绍及使用手册(中文版)

    4. **处理大型数据集-支持分页**: 为了提高大型数据集的加载效率,dhtmlxGrid提供了分页功能,可以通过翻页来逐步加载数据。 5. **处理大型数据集-智能渲染**: 除分页外,dhtmlxGrid还支持智能渲染技术,能够智能地...

    dhtmlxgrid 1.4 pro

    1. **分页功能**:dhtmlxGrid 1.4 Pro支持分页显示数据,这在处理大数据集时尤为重要,它可以提高网页性能,减少服务器负载,并提供良好的用户体验。用户可以轻松切换页面,查看不同部分的数据。 2. **数据编辑**:...

    dhtmlxgrid专业版下载

    dhtmlxGrid是一款功能强大的JavaScript数据网格组件,用于在Web应用程序中展示和操作表格数据。它提供了丰富的功能,包括排序、过滤、分页、编辑、拖放等,以满足专业级的数据管理需求。这款组件是dhtmlx Suite的一...

    dhtmlxGrid

    1. **数据操作**:dhtmlxGrid提供了添加、编辑和删除单元格、行和树节点的功能,用户可以直接在界面上进行操作,提高了数据管理的效率。 2. **排序与过滤**:用户可以通过点击列头进行数据排序,同时支持自定义排序...

    DhtmlxGrid 分页的自定义,DhtmlxGrid复选框多选整行

    DhtmlxGrid的自定义的分页样式,不是他们内部的三种皮肤分页; 本篇还有dhtmlxgird没有的复选框选中整行的效果,dhtmlxgrid多行选中使用的是 [Ctrl+鼠标]、[Shift+鼠标],在国内大部分的体验操作都是第一列放复选框的...

    dhtmlxgrid

    **dhtmlxGrid** 是一个强大的JavaScript数据网格组件,它提供了丰富的功能,用于在Web应用程序中展示和操作表格数据。这个组件以其灵活性、性能和高度可定制性而受到开发者的欢迎。下面将详细介绍dhtmlxGrid的主要...

    DhtmlxGrid 分页的自定义模板,DhtmlxGrid复选框多选整行 dhtmlxgrid自定义按钮

    DhtmlxGrid的自定义的分页样式,不是他们内部的三种皮肤分页; 本篇还有dhtmlxgird没有的复选框选中整行的效果,dhtmlxgrid多行选中使用的是 [Ctrl+鼠标]、[Shift+鼠标],在国内大部分的体验操作都是第一列放复选框的...

    dhtmlxGrid取一列方法

    总之,dhtmlxGrid作为一个成熟的表格组件,其强大功能和灵活性使其成为Web开发中不可或缺的工具,特别是在需要高级数据展示和管理能力的应用中。通过深入理解并熟练掌握其API,开发者可以构建出既美观又高效的数据...

    dhtmlxGrid v2.0使用手册

    dhtmlxGrid允许开发者通过扩展功能来定制控件,比如创建自定义的编辑器、添加新的方法或覆盖现有功能。这使得dhtmlxGrid能适应各种复杂的业务场景。 总的来说,dhtmlxGrid v2.0是一个强大且灵活的JavaScript表格...

    DHTMLX grid复制以及分页栏跳转

    本篇文章将深入探讨DHTMLX Grid中的数据复制和分页栏跳转功能。 一、DHTMLX Grid的复制功能 DHTMLX Grid的复制功能允许用户方便地选取并复制表格中的数据。这在处理大量信息时非常实用,用户可以快速地将表格数据...

    dhtmlxgrid_v1.2_pro真正可用的pro版本

    内建的搜索功能使用户能够在整个表格或指定列中查找特定数据,提高了数据查找的效率。 **7. 行和列的操作:** 开发者可以方便地插入、删除和移动行和列,以适应不同的展示需求。同时,行和列的可见性也可以根据...

    改造过的DhtmlXGrid表格控件

    DhtmlXGrid是一款功能强大的JavaScript表格控件,它允许开发者在网页中创建复杂的数据网格,支持数据的排序、过滤、编辑、分页等操作。经过改造后的DhtmlXGrid控件,更加强调了对JavaScript表格一般需求的满足,提高...

    dhtmlxGrid_v14_Pro_70813.rar

    **dhtmlxGrid详解** ...总的来说,dhtmlxGrid是一个功能强大且高度可定制的JavaScript数据网格组件,适用于构建交互式数据管理界面。通过深入理解和使用其API,开发者可以构建出高效、用户友好的数据应用。

    dhtmlxgrid 专业版 2.5 带例子

    dhtmlxGrid是一款功能强大的JavaScript数据网格组件,适用于构建动态、交互式的Web应用。在2.5专业版中,它提供了一系列优化和改进,包括对IE9浏览器的兼容性支持。这个版本旨在提高用户体验,提供更广泛的特性和...

    dhtmlxGrid 3.0

    **dhtmlxGrid 3.0 知识点详解** ...在实际应用中,开发者可以通过阅读文档、查看示例代码以及实验这些组件,深入了解dhtmlxGrid 3.0的全部功能和使用方法,从而创建出高效、交互性强的Web数据管理界面。

    dhtmlxgrid帮助文档

    dhtmlxgrid 帮助文档

Global site tag (gtag.js) - Google Analytics