代码功能:
1、datagrid 的表头由后台生成,可以配置在数据库
2、datagrid 的列绑定数据 支撑嵌套对象
$(function() { var columns = new Array(); var cols = new Array(); var colData = new Object(); $.post("url","params",function(data){ //动态生成表头开始 if(data.xxxx != null){ $.each(data.xxxx,function(){ colData = new Object(); colData.field = this.resCode; colData.title = this.resName; colData.width = 100;//也可以配置在数据库,这样整个页面的生成全部是配置的 colData.formatter = function(value,row,index){ //这两句是嵌套对象属性绑定,insideObject 为嵌套的对象,field 为对象的属性 //datagrid 的field不能重复,注意在绑定field 时不能全部用 insideObject,需要使用 insideObject 的属性绑定 var field = this.field; return row.insideObject[field]; }; cols.push(colData); }); }; columns.push(cols); //动态生成表头结束 var gridCfg = { fit : true, loadMsg : '数据加载中......', url : opts.resDataQueryUrl, nowrap : true, border : false, striped : true, pagination : true, pageSize : opts.pageSize, rownumbers : true, singleSelect: false, columns : columns, fitColumns : false, queryParams : {}, frozenColumns : [[ {field:'ck',checkbox:true} ]], onLoadSuccess:function(data){ } }; $('#id').datagrid(gridCfg); }); });
相关推荐
jquery easyui demo 网页下载下来打包了,还有datagrid简要说明
jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!
UI设计在一个系统中的重要性是不容忽视的,我们开发人员要做到:让用户去控制...给你的Easyui-DataGrid 表头添加一点料吧 Easyui-Datagrid—表头灵活显示http://blog.csdn.net/u010293698/article/details/47956865
前台使用Jquery EasyUI 插件datagrid实现多表头动态生成的功能
jquery easyui 扩展 datagrid 自定义动态隐藏显示列
jQuery+EasyUI\jQuery+EasyUI+1.2.4+API+中文文档
JS EasyUI DataGrid动态加载数据
jquery easyUI+struts2+spring+hibernate基于annotation实现的CRM
jQuery+EasyUI+1.2.4+API+中文文档
本文给大家分享jQuery EasyUI编辑DataGrid用combobox实现多级联动效果的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
jquery easyui datagrid 性能优化,优化后可快速提升查询性能。唯一的缺陷就是不支持可编辑grid了。只需要在引入easyui.js后面引入此js即可。
jquery easyui datagrid demo 详解 增删改查
JQuery EasyUI DataGrid服务端分页加载数据后,DataGrid行号不能延续,总是重新由1开始。因为服务端分页取回的是单页数据,通过LoadData方法加载数据后,pageNumber属性被初始化为1,因此行号总是重新由1开始。现在...
jqueryEasyUI中的dataGrid实现的表格的增删改查,后台使用servlet,有数据库源码
jQuery EasyUI 1.41 中文API+案例(demo) 解压后包含:exe 文档说明文件,运行即可 以及demo 很多特效及案例。可以边运行边看文档
jquery easyui datagrid 教程的部分应用。
EasyUI DataGrid过滤用法实例
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。
两种方法将easyui datagrid 中的数据导出到Excel中,均以验证可以正常使用
DataGrid表头合并和单元格内容合并-升级版