JQuery EasyUI 根据数据动态生成datagrid,统计常用
2012-08-29 15:50
441 查看
function load(sdate) { $.getJSON("workorder/statistics.do", { sdate : sdate+'-01' }, function(resp) { //获取数据源 var columns = new Array(); //定义列集合 var row = resp.rows[0]; //获取首行数据 //根据首行数据创建columns配置 $.each(row, function(i, v) { if (i != "username") { var column = {}; column["title"] = "" + i;//我这里默认用键值做title,一般可以根据键值自定义 column["width"] = 25; column["field"] = "" + i;//数据的键值就是field column["align"] = "center"; column["styler"] = function(value) { var d = new Date(sdate+'-' + i); if (d.getDay() == 6 || d.getDay() == 0) { return "background:#DDD"; } if (value == 1) { return "background:#CCFF33"; } }; column["formatter"] = function(value) { return " "; }; columns.push(column);//放入定义数组 } }); //实例化一个datagrid $('#statistics').datagrid({ toolbar : "#searchBar", rownumbers : true, singleSelect : true, fit : true, striped: true, onSelect : function(rowIndex) { $(this).datagrid("unselectRow", rowIndex); }, frozenColumns : [ [ { title : '姓名', field : 'username', width : 60, align : "center" } ] ], columns : [ [ { colspan : columns.length, title : "<b>"+sdate+"月 部门人员任务分配情况</b>" } ], columns ] }).datagrid("loadData", resp.rows);//实例化之后立刻载入数据源 }); }
相关文章推荐
- JQuery EasyUI 根据数据动态生成datagrid,统计常用
- JQuery EasyUI 根据数据动态生成datagrid
- jquery easyui中datagrid 中的动态接受后台传的数据
- 根据后台数据动态生成表格
- Flex根据后台的数据自动生成AdvancedDataGrid
- easyui中根据后台数据动态改变datagrid的列
- jsp页面根据json数据动态生成table
- jQuery EasyUI:根据数据库内容生成适合于easyui-tree的JSON数据格式
- 根据Django Model动态生成数据表的方法
- 【zTree】zTree根据后台数据生成树并动态设置前面的节点复选框的选中状态
- 如何通过动态生成Html灵活实现DataGrid分类统计的界面显示功能
- ABAP根据输入的表名动态生成上传EXCEL数据的代码
- easyui根据树数据动态生成多个combobox
- jQuery 根据JSON数据动态生成表格
- 根据后台传的数据动态生成grid的列和store的注意事项
- 如何通过动态生成Html灵活实现DataGrid分类统计的界面显示功能
- easyui datagrid 根据请请求返回数据动态增加列
- jQuery easyui datagrid动态查询数据
- jQuery EasyUI DataGrid根据 多个 字段动态合并单元格 ,级连合并
- 使用模板ITemplate根据需求动态生成DataGrid