.net開發(fā)中批量刪除記錄時實現(xiàn)全選功能的具體方法
1 . JS實現(xiàn)全選
往頁面上拖一個GridView,設(shè)置好數(shù)據(jù)源,并為GridView添加一個模板列,往模板列里添加一個chekcbox,比如下面的代碼
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ProductID"
DataSourceID="SqlDataSource1">
<Columns>
<asp:BoundField DataField="ProductID" HeaderText="ProductID" InsertVisible="False"
ReadOnly="True" SortExpression="ProductID" />
<asp:BoundField DataField="ProductName" HeaderText="ProductName" SortExpression="ProductName" />
<asp:BoundField DataField="SupplierID" HeaderText="SupplierID" SortExpression="SupplierID" />
<asp:BoundField DataField="CategoryID" HeaderText="CategoryID" SortExpression="CategoryID" />
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="chk_Del" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
//接下來往頁面上添加一個checkbox控件
<asp:CheckBox ID="chk_JS" runat="server" Text="全選(JS)" onclick="selectAll(this)"/>
//并為該控件編寫JS腳本如下:
<script type="text/javascript">
//根據(jù)傳入的checkbox的選中狀態(tài)設(shè)置所有checkbox的選中狀態(tài)
function selectAll(obj)
{
var allInput = document.getElementsByTagName("input");
//alert(allInput.length);
var loopTime = allInput.length;
for(i = 0;i < loopTime;i++)
{
//alert(allInput[i].type);
if(allInput[i].type == "checkbox")
{
allInput[i].checked = obj.checked;
}
}
}
</script>
//基本效果就有了,接下來我們在點綴一下。在網(wǎng)頁中添加一個button
<asp:Button ID="btn_DeleteRecords" runat="server" OnClientClick="return judgeSelect();" Text="刪除選中記錄" />
//添加JS腳本
//判斷是否選中記錄,用戶確認刪除
function judgeSelect()
{
var result = false;
var allInput = document.getElementsByTagName("input");
var loopTime = allInput.length;
for(i = 0;i < loopTime;i++)
{
if(allInput[i].checked)
{
result = true;
break;
}
}
if(!result)
{
alert("請先選則要刪除的記錄!");
return result;
}
result = confirm("你確認要刪除選定的記錄嗎?");
return result;
}
2通過服務(wù)器端代碼實現(xiàn)全選
.net開發(fā)中批量刪除記錄時如何實現(xiàn)全選功能
向頁面同添加一個CheckBox并將AutoPostBack屬性設(shè)置成true,并為它添加CheckedChanged事件
<asp:CheckBox ID="chk_Server" runat="server" OnCheckedChanged="chk_Server_CheckedChanged" Text="全選(Server)" AutoPostBack="True" />
事件代碼如下
int a = this.GridView1.Rows.Count;
for (int i = 0; i < a; i++)
{
CheckBox chk = (CheckBox)this.GridView1.Rows[i].FindControl("chk_Del");
chk.Checked = this.chk_Server.Checked;
}
相關(guān)文章
簡單使用BackgroundWorker創(chuàng)建多個線程的教程
簡單使用BackgroundWorker創(chuàng)建多個線程的教程,需要的朋友可以參考一下2013-03-03ASP.NET中UpdatePanel與jQuery同時使用所遇問題解決
在.NET中使用了UpdatePanel,里面的輸入框使用了jQuery的日歷選擇器,接下來介紹下兩者同時使用的一些細節(jié)及問題的解決方法,感興趣的各位可以參考下哈2013-03-03asp.net中對象失去焦點時自動提交數(shù)據(jù) V2
一年多前,Insus.NET有寫過一篇 《對象失去焦點時自己動提交數(shù)據(jù)》,那一篇是依賴Linkbutton來做隱藏提交。是否有不用依賴Linkbutton方法呢? 答案是肯定的2012-11-11Entity Framework加載控制Loading Entities
本文詳細講解了Entity Framework加載控制Loading Entities的用法,文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-03-03.Net Core 中選項Options的具體實現(xiàn)
這篇文章主要介紹了.Net Core 中選項Options的具體實現(xiàn),文中運用大量代碼對相關(guān)知識詳細介紹,感興趣的小伙伴可以參考一下這篇文章,希望對你有所幫助2021-09-09TreeView無刷新獲取text及value實現(xiàn)代碼
這篇文章介紹了TreeView無刷新獲取text及value實現(xiàn)代碼,有需要的朋友可以參考一下2013-10-10ASP.NET?Core?6框架揭秘實例演示之如何承載你的后臺服務(wù)
這篇文章主要介紹了ASP.NET?Core?6框架揭秘實例演示之如何承載你的后臺服務(wù),主要包括利用承載服務(wù)收集性能指標、依賴注入的應(yīng)用、配置選項的應(yīng)用等知識點,本文給大家介紹的非常詳細,需要的朋友可以參考下2022-03-03