首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery MiniUI 开发课程 TreeGrid 自定义单元格(三)

2012-12-25 
jQuery MiniUI 开发教程 TreeGrid 自定义单元格(三)TreeGrid:绘制单元格参考示例: TreeGrid:绘制单元格监

jQuery MiniUI 开发教程 TreeGrid 自定义单元格(三)
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 style="width:' + value + '%;"></div>'
              + '<div class="progressbar-label">' + value + '%</div>'
              +'</div>';
    }
};

热点排行