jQuery MiniUI自定义单元格

2021-06-07 19:04

阅读:465

标签:span   line   form   node   delete   complete   sda   doc   draw   

监听处理"drawcell"事件

使用"drawcell"事件,可以自定义单元格内容、样式、行样式等。

grid.on("drawcell", function (e) {
    var record = e.record,
        column = e.column,
        field = e.field,
        value = e.value;

    //格式化日期
    if (field == "birthday") {
        if (mini.isDate(value)) e.cellHtml = mini.formatDate(value, "yyyy-MM-dd");

    }

    //给年龄,增加"岁"字符串
    if (field == "age") {
        e.cellHtml = value + "";
    }

    //给帐号列,增加背景色
    if (field == "loginname") {
        e.cellStyle = "background:#ecedef";
    }

    //超过1万工资,红色标识
    if (field == "salary" && value >= 10000) {
        e.cellStyle = "color:red;font-weight:bold;";
    }

    //显示学历
    if (field == "educational") {
        for (var i = 0, l = Educationals.length; i ) {
            var edu = Educationals[i];
            if (edu.id == value) {
                e.cellHtml = edu.name;
                break;
            }
        }
    }

    //action列,超连接操作按钮
    if (column.name == "action") {
        e.cellStyle = "text-align:center";
        e.cellHtml =  + record.id + \‘)">Edit  
                    +  + record.id + \‘)">Delete
    }

    //将性别文本替换成图片
    if (column.field == "gender") {
        if (e.value == 1) {
            e.cellHtml = ""
        } else {
            e.cellHtml = ""
        }
    }

    //设置行样式
    if (record.gender == 1) {
        e.rowCls = "myrow";
    }
});

 

原文:http://www.miniui.com/docs/tutorial/datagrid_drawcell.html

 

function onDrawCell(e){
    var node = e.node,
        column = e.column,
        field = e.field,
        value = e.value;

    //格式化日期
    if (field == "Finish") {
        if (mini.isDate(value)) e.cellHtml = mini.formatDate(value, "yyyy年MM月dd日");
    }
    //工期
    if (field == "Duration") {
        e.cellHtml = value + "";
    }
    //进度
    if (field == "PercentComplete") {
        e.cellHtml = 
+
+
+ value + %
+
; } };

原文:http://www.miniui.com/docs/tutorial/treegrid_drawcell.html

jQuery MiniUI自定义单元格

标签:span   line   form   node   delete   complete   sda   doc   draw   

原文地址:http://www.cnblogs.com/shy1766IT/p/7323402.html


评论


亲,登录后才可以留言!