zoukankan      html  css  js  c++  java
  • easylui 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);//实例化之后立刻载入数据源
    });
    }

  • 相关阅读:
    yocto/bitbake 学习资源
    QEMU/KVM学习资源
    ubuntu 中创建和删除用户
    git 重命名本地和远程分支
    Ubuntu 上搭建 FTP 服务器
    gdb 常见用法
    git log 显示与特定文件相关的 commit 信息
    基于 qemu system mode 运行 arm 程序
    基于 qemu user mode 运行 aarch64 程序
    checking in(airport)
  • 原文地址:https://www.cnblogs.com/huangf714/p/6229306.html
Copyright © 2011-2022 走看看