商業源碼熱門下載www.html.org.cn
在網絡開發中，經常遇到需要使用asp.net與javascript聯合進行控制的情況。在本篇中，將使用datagrid進行數據綁定，使用javascript控制當選中其中的checkbox時，該行顏色改變。
首先，在頁面中創建一個datagrid控件，并設置其模板。
<asp:datagrid id="datagrid1" runat="server" autogeneratecolumns="false">
<columns>
<asp:templatecolumn>
<itemtemplate>
<asp:checkbox id="checkbox1" runat ="server"></asp:checkbox>
<asp:label runat="server" text='<%# databinder.eval(container, "dataitem") %>'></asp:label>
</itemtemplate>
</asp:templatecolumn>
</columns>
</asp:datagrid>
第二，在頁面中的<head></head>中編寫javascript腳本函數，進行checkbox的判斷和顏色改變的控制。
<script>
function checkme(obj,tr){
if(obj.checked)
tr.style.backgroundcolor='blue';
else
tr.style.backgroundcolor='';
}
</script>
第三，在page_load事件中為datagrid綁定數據，并關聯checkbox的javascript腳本。
private void page_load(object sender, system.eventargs e)
{
// put user code to initialize the page here
if(!ispostback)
{
databind();
}
}
第四，完成之后運行程序。程序運行后，會在datagrid控件的每行前顯示一個checkbox控件，選擇該控件，該行背景顏色變藍色，取消選擇，該行顏色恢復初始狀態。
新聞熱點
疑難解答
圖片精選
