在DataGrid頁首上新增全選的CheckBox控制元件
很簡單的方法,就是用js實現:
頁面:
後臺程式碼:
private void dgUserList_PreRender(object sender, System.EventArgs e)
{
foreach (DataGridItem item in dgUserList.Controls[0].Controls)
{
if (item.ItemType == ListItemType.Header)
{
CheckBox chkAll=(CheckBox)item.FindControl("chkAll");
System.Text.StringBuilder strScript = new System.Text.StringBuilder("
if(!Page.IsClientScriptBlockRegistered("checkStatus"))
Page.RegisterClientScriptBlock("checkStatus",strScript.ToString());
chkAll.Attributes.Add("onclick","checkStatus()");
return;
}
}
方法2
(一).功能
1. JavaScript檢索CheckBox並實現全選和全消功能
用C#等寫的CheckBox需要回發到服務端執行,
而用JavaScript可以在直接客戶端實現,效率高些
(二).程式碼
1. DataGrid中的程式碼主要片段:
onclick="javascript:SelectAll(this);">
2. 在當頁加入:
3.當使用者選擇好後臺程式碼取得某列CheckBox的值:
for (int i = 0;i
bool blnIfSelect = ((CheckBox)this.DataGrid.Items[i].FindControl("chkItem")).Checked;
....; //這是可以根據blnIfSelect進行各種操作了
}
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/631872/viewspace-911218/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 為DataGrid新增CheckBox控制元件 (轉)控制元件
- easyui datagrid editor checkbox 選中UI
- 全選或者單選checkbox的值動態新增到div
- js checkbox 全選 取消全選JS
- vue checkbox 實現全選,取消全選Vue
- WPF中Datagrid控制元件新增行號控制元件
- ALV程式checkbox全選及取消全選
- ListView全選刪除CheckBoxView
- JavaScript checkbox全選和全不選效果JavaScript
- Jquery實現頁面的新增、刪除、全選、取消全選、漸變色jQuery
- checkbox全選和取消全選完整程式碼例項
- jQuery 實現checkBox全選效果jQuery
- js中checkbox的全選和反選的實現JS
- javascript checkbox核取方塊全選和取消全選效果JavaScript
- jQuery核取方塊checkbox的全選和反選jQuery
- 【常用jQuery程式碼段】checkbox全選/反選jQuery
- 在網頁中新增點選列印功能網頁
- checkbox核取方塊全選和取消全選例項程式碼
- checkbox 核取方塊全選程式碼
- php獲取全選checkbox多個值PHP
- 首頁新增文章 Java nio原理Java
- 驗證使用者必選CheckBox控制元件控制元件
- ElementUI的Table表格新增自定義頭CheckBox多選框UI
- 如何實現仿微信介面[我的+首頁聊天列表+長按選單功能+新增選單功能]
- DataGrid 中新增資料
- javascript實現 checkbox全選和批量刪除功能JavaScript
- jquery實現checkbox核取方塊全選效果jQuery
- javascript實現checkbox核取方塊全選和反選功能JavaScript
- 在web工程中設定首頁的頁面Web
- 為 FragmentTabhost 新增 tab 點選事件,在頁面跳轉之前Fragment事件
- Java 在PDF中插入頁首、頁尾Java
- avalon繫結實現checkbox全選簡單介紹
- jQuery 操作checkbox翻頁儲存選中狀態jQuery
- EnableViewState="false"的DataGrid分頁 (轉)ViewFalse
- vue分頁全選和單選操作Vue
- 利用Session紀錄datagrid模板列中CheckBox的狀態 (轉)Session
- DataGrid控制元件通用列印類. (轉)控制元件
- Raise Server-Side Click Event of CheckBox in a DataGrid Template ColumnAIServerIDE