zoukankan      html  css  js  c++  java
  • JQuery EasyUI 根据数据动态生成datagrid,统计常用

    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);//实例化之后立刻载入数据源
        });
    }
  • 相关阅读:
    库存管理系统
    2018/12/9数据库的增删改查
    小学生出题系统(文件输入输出)
    第五次实验动手动脑
    (异常处理)JAVA项目中的常用的异常处理情况
    学习进度——第十三周
    程序员修炼之道:从小工到专家读后感02
    第一阶段意见评论
    学习进度——第十二周
    share团队冲刺10
  • 原文地址:https://www.cnblogs.com/szytwo/p/2662207.html
Copyright © 2011-2022 走看看