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);//实例化之后立刻载入数据源
        });
    }
  • 相关阅读:
    关于接口和接口中多肽问题的实例
    java 简单的单例 实现
    关于动态数组的问题
    一百以内的杨辉三角
    将阿拉伯数字转为中文大写读法
    sql server 2005 优化方法
    Sql Server 2005 数据库 优秀辅助工具推荐
    SSIS高级内容 系列一
    锁定
    SQL Server 2005查询处理结构用户模式计划(UMS)
  • 原文地址:https://www.cnblogs.com/szytwo/p/2662207.html
Copyright © 2011-2022 走看看