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);//实例化之后立刻载入数据源
    });
}

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值