我們在使用GridView的時候,很多時候需要使用CheckBox列,比如批量刪除,批量審批,但是每每都需要記住繁瑣的實現方法。多麻煩呀!再次給GridView做個手術,讓它自己就能產生CheckBox豈不爽死了。以后您就有權利忘記怎么實現CheckBox列了。哈哈,作咱們這行的,就要學的慢慢退化,什么事情都記著,累也累死了。
下面談談我這實現的思路:
因為GridView是基于模板的,Columns也不能在后臺添加,所以排除通過添加Column來實現,而采用在GridView創建行的時候動態創建表單元格,在表頭行上添加一個全選CheckBox,數據行上添加選擇框,點擊全選,通過向頁面注冊的腳本來實現全選。
下面就看看關鍵的代碼:
為了增加靈活性,添加了一個屬性,控制是否顯示CheckBox列
//是否顯示全選
[
Description("顯示全選列"),
Category("擴展"),
DefaultValue(false)
]
public virtual bool ShowCheckAll

{
get

{
object obj2 = this.ViewState["ShowCheckAll"];
if (obj2 != null)

{
return (bool)obj2;
}
return false;

}
set

{
bool aShowCheckAll = this.ShowCheckAll;
if (value != aShowCheckAll)

{
this.ViewState["ShowCheckAll"] = value;
if (base.Initialized)

{
base.RequiresDataBinding = true;
}
}
}
}在頁面加載的時候,注冊全選腳本
StringBuilder sb = new StringBuilder();
sb.Append(" <script type=/"text/Javascript/">");
sb.Append("function CheckAll(oCheckbox)");
sb.Append("{");
sb.Append("var GridView2 = document.getElementById(/"" + this.ClientID + "/");");
sb.Append(" for(i = 1;i < GridView2.rows.length; i++)");
sb.Append("{");
sb.Append("var inputArray = GridView2.rows[i].getElementsByTagName(/"INPUT/");");
sb.Append("for(var j=0;j<inputArray.length;j++)");
sb.Append("{ if(inputArray[j].type=='checkbox')");
sb.Append("{if(inputArray[j].id.indexOf('ItemCheckBox',0)>-1){inputArray[j].checked =oCheckbox.checked; }} }");
sb.Append("}");
sb.Append(" }");
sb.Append("</script>");
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "CheckFun", sb.ToString(),
false);
NET技術:手把手教你如何擴展GridView之自帶CheckBox,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。