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 = '<p class="progressbar">'

                        + '<p class="progressbar-percent" style="width:' + value + '%;"></p>'

                        + '<p class="progressbar-label">' + value + '%</p>'

                    +'</p>';

    }

};

發佈留言