您好,登錄后才能下訂單哦!
這篇文章主要講解了“.net開(kāi)發(fā)中如何使批量刪除記錄時(shí)實(shí)現(xiàn)全選功能”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“.net開(kāi)發(fā)中如何使批量刪除記錄時(shí)實(shí)現(xiàn)全選功能”吧!
1 . JS實(shí)現(xiàn)全選
往頁(yè)面上拖一個(gè)GridView,設(shè)置好數(shù)據(jù)源,并為GridView添加一個(gè)模板列,往模板列里添加一個(gè)chekcbox,比如下面的代碼
復(fù)制代碼 代碼如下:
<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>
//接下來(lái)往頁(yè)面上添加一個(gè)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>
//基本效果就有了,接下來(lái)我們?cè)邳c(diǎn)綴一下。在網(wǎng)頁(yè)中添加一個(gè)button
<asp:Button ID="btn_DeleteRecords" runat="server" OnClientClick="return judgeSelect();" Text="刪除選中記錄" />
//添加JS腳本
//判斷是否選中記錄,用戶確認(rèn)刪除
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("請(qǐng)先選則要?jiǎng)h除的記錄!");
return result;
}
result = confirm("你確認(rèn)要?jiǎng)h除選定的記錄嗎?");
return result;
}
2通過(guò)服務(wù)器端代碼實(shí)現(xiàn)全選
.net開(kāi)發(fā)中批量刪除記錄時(shí)如何實(shí)現(xiàn)全選功能
向頁(yè)面同添加一個(gè)CheckBox并將AutoPostBack屬性設(shè)置成true,并為它添加CheckedChanged事件
<asp:CheckBox ID="chk_Server" runat="server" OnCheckedChanged="chk_Server_CheckedChanged" Text="全選(Server)" AutoPostBack="True" />
事件代碼如下
復(fù)制代碼 代碼如下:
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;
}
感謝各位的閱讀,以上就是“.net開(kāi)發(fā)中如何使批量刪除記錄時(shí)實(shí)現(xiàn)全選功能”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì).net開(kāi)發(fā)中如何使批量刪除記錄時(shí)實(shí)現(xiàn)全選功能這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。