2009年12月16日 星期三

利用jQuery自動產生表格的顏色

在寫程式時,我們常常會隱藏某幾行,這時CSS就不能寫固定的。

利用jQuery自動產生表格的顏色,如下:
<script type="text/javascript" src="http://test.waitlonglong.com.my/jquery-1.3.1.js"></script>
<script type="text/javascript"> 
$(document).ready(function() {
 $(".TableAutoColor tr:even").addClass('TblEvenRow');
 $(".TableAutoColor tr:odd").addClass('TblOddRow');
});
</ script> 

Table 屬性多一個class="TableAutoColor"

但是如果表格被 asp:UpdatePanel 包起來那放在(document).ready的功能就會失消,所以我們要再加上一個如下

function load() {
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
}
function EndRequestHandler() {
 $(".TableAutoColor tr:even").addClass('TblEvenRow');
 $(".TableAutoColor tr:odd").addClass('TblOddRow');
}
window.onload=load;