`
流浪鱼
  • 浏览: 1681931 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

datagrid的扩展

 
阅读更多
	finder: function(jq, conditions){  
		if(!$(jq).data("OriginalData")){
			$(jq).data("OriginalData",$(jq).datagrid("getData").rows);
		}
		var rows = $(jq).datagrid("getRows");
		var resluts =[];
		
		if(!$.trim(conditions.value)){
			resluts = $(jq).data("OriginalData");
		}else{
			$.each(rows,function(k,v){
				if(v[$.trim(conditions.field)].toLowerCase().indexOf($.trim(conditions.value).toLowerCase()) > 0){
					resluts.push(v);
				}
			});
		}
		if(conditions.output)
		$(jq).datagrid("loadData",{total:resluts.length,rows:resluts});
		
		return resluts;
	}  
});

 

finder的扩展方法如 

var resluts = $('#tt').datagrid("finder",{field:'productid',value:'02',output:false});
window.console.log(resluts);

 

本方法涉及到三个参数:

field:所要查询的列名。(就是生产的json里面rows的key值);

value:顾名思义,要查找的内容;

output:grid是否输出过滤后的内容。默认不输出。当设置为true时,grid将会显示过滤之后的内容。

分享到:
评论

相关推荐

    easyui datagrid扩展方法

    列拖动=页面分页=更新单元格列值=添加列合计=列头添加提示(鼠标悬停显示文字)=编辑框键点击事件(暂时实现上下左右控件焦点移动)=设置DataGrid复制右键菜单 默认有复制功能

    easyui datagrid扩展之拾色器

    总的来说,这个"easyui datagrid扩展之拾色器"项目展示了如何将现有的前端组件结合创新使用,以满足特定的业务需求。通过学习和实践这种技术,开发者可以更好地驾驭EasyUI和其他前端框架,提升Web应用的用户体验。

    jquery.easyui.datagrid扩展合并列

    jquery.easyui.datagrid自动合并列扩展,支持多列合并。 用法:加载成功后 $('#'+tab).datagrid("autoMergeCells",['列名','列名']);

    easyui datagrid插件 datagrid-detailview.js

    支持datagrid扩展,在一条记录下面可以嵌套一个子datagrid,切记要在页面中引入该js

    开源码 as3 扩展瀑布流功能的DataGrid组件

    开源码 AS3 扩展瀑布流功能的 DataGrid 组件是一种强大的工具,它允许开发者在 ActionScript 3(AS3)环境中实现具有视觉吸引力和高度交互性的数据展示。这个组件扩展了标准的 Flex DataGrid 控件,引入了瀑布流布局...

    WPF控件TreeGrid/类似TreeListView

    通过继承WPF控件Datagrid,设计具有展开折叠功能的TreeListView,相对于网上较为流行的使用GridView和TreeView组合实现的TreeListView,本控件纯粹使用Datagrid扩展,并具备编辑功能,完全支持MVVM操作,有点类似...

    EasyUI可扩展Editable DataGrid(可编辑数据表格)

    标题 "EasyUI可扩展Editable DataGrid(可编辑数据表格)" 涉及的是一个流行的JavaScript框架——EasyUI中的一个特性。EasyUI是基于jQuery的一个轻量级且易于使用的前端框架,它提供了一系列预定义的CSS样式和...

    easyui datagrid 合并行扩展

    easyui并没有合并行的具体方法,在开发过程中有时候会遇到一行带多行的需求,本代码为满足该需求写的easyUI扩展,代码带注释

    datagrid-row.js

    easyui-datagrid扩展 1.获取行号:根据行索引获取datagrid表格的真实行号。 2.获取选择的多行可排序:根据列名称升序排列。 3.行添加class:传入参数包括行索引与classname。

    easyUI datagrid rownumber自适应宽度扩展JS

    easyUI datagrid 自动调整行号大小

    datagrid-dnd(可以拖放的datagrid)

    "datagrid-dnd"是EasyUI datagrid的一个扩展,它添加了拖放功能。在标准的datagrid中,数据通常是静态显示的,用户无法直接改变行的顺序。然而,通过启用drag and drop(拖放)功能,用户可以方便地将某一行数据拖动...

    扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件完整版Demo下载

    jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!

    c# WPF DataGrid 底部汇总行合计

    3. **使用库或控件扩展** 为了简化开发过程,也可以考虑使用第三方库,如Extended WPF Toolkit或AvalonDock等,它们提供了内置的汇总功能。这些库通常提供了更丰富的功能,例如分组、排序和过滤,以及自定义的汇总...

    easyui datagrid 表格 打印

    1. **扩展Datagrid功能**:可以通过扩展EasyUI Datagrid的默认功能来实现打印,这可能涉及到自定义事件监听器,当用户触发打印操作时,将当前视图的数据转换为适合打印的格式。 2. **CSS调整**:由于打印时浏览器...

    Easyui扩展datagrid-dnd.js,实现拖动grd的必要文件

    Easyui的扩展datagrid-dnd.js,实现拖动datagrid行到其他数据表格的必要文件

    WPF DataGrid合并行

    8. **自定义DataGrid类**:如果你需要更高级的控制,可以考虑扩展DataGrid类,添加自己的方法和属性来处理行合并逻辑。 示例代码可能如下所示: ```xml <DataGrid AutoGenerateColumns="False"> <DataGrid....

    给DataGrid自定义Header功能

    然而,DataGrid的默认功能往往无法满足所有需求,这时我们就需要进行自定义扩展,比如自定义Header。标题“给DataGrid自定义Header功能”和描述“给DataGrid添加自定义的headerRenderer,实现在Header上自己添加想要...

    WPF DataGrid行号

    这为代码重用和扩展提供了便利。 实现`DataGrid` 显示行号的步骤如下: 1. 创建一个新的类,名为`DisplayRowNumbersBehavior`。这个类将作为我们的附加行为类。 2. 在`DisplayRowNumbersBehavior` 类中定义一个...

    FLEX的datagrid合计、平均值

    可以通过扩展GridColumn类并重写`updateDisplayList()`方法来实现自定义列渲染。 2. **平均值计算**: - 计算平均值涉及到除以总数。可以结合`reduce`方法和`length`属性来实现: ```actionscript var average: ...

    easy ui datagrid项目完整源代码

    总结起来,jQuery Easy UI Datagrid 是一个强大且灵活的数据展示组件,通过深入研究提供的完整项目源代码,我们可以学习到如何有效地配置和扩展 Datagrid,以满足不同应用场景的需求。这将有助于提升我们的前端开发...

Global site tag (gtag.js) - Google Analytics