使用JavaScript幫GridView套色及光棒效果－羅必達工作室

在GridView上加上光棒效果, 在網路上找到都是在RowDataBound事件中, 在Row的Attributes上增加onmouseout、onmouseover二個屬性
在此提供JavaScript的範例。

線上示範：http://aqr198.googlepages.com/table_lightbar.htm

參數說明：
table$(<<表格名稱>>).RowStyle({
overcss:MouseOver時的CSS名稱,
rowname:每列的ID名稱
rowcss:每列的CSS名稱,
cellcss:每欄的CSS名稱,
cellname:每欄的ID名稱,
rowInit:標題起始列
});

透過JavaScript操作table的dom上, 有幾個重要屬性
table.rows 可以操作每列(TR)的物件
table.rows[i].cells 可以操作每欄(TD)的物件
table.rows[i].rowIndex 可以取得每列的索引值, 由零開始
table.rows[i].cells[i].cellIndex 可以取得每欄的索引值, 由零開始

使用Fluent interface的寫法
設定方法看起來像是JQuery串接的方法, 重點是每個方法的最後加上(return me;), 就可以一直串接下去了。

function table$(name){
    return new tag_table(name);
}

function tag_table(tb_name){
    var o = document.getElementById(tb_name);
    var me = this;


    this.RowStyle = function(cf){

        return me;
    }

}

Fluent interface相關文章：
http://fillano.blog.ithome.com.tw/post/257/18421
http://ithelp.ithome.com.tw/question/10005623