jQuery MiniUI 开发教程 TreeGrid 自定义单元格（三）

            
参考示例: TreeGrid：绘制单元格    
               
          
监听处理"drawcell"事件         
 
使用"drawcell"事件，可以自定义单元格内容、样式、行样式等。
 
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 = '<div class="progressbar">'
                        + '<div class="progressbar-percent" style="width:' + value + '%;"></div>'
                        + '<div class="progressbar-label">' + value + '%</div>'
                    +'</div>';
    }
};

补充：web前端 , JavaScript ,

上一个：网页中的动态加载(js文件和css文件即换肤)
下一个：页面回滚到顶端的js