您的位置:首页 > Web前端 > JavaScript

GridView中嵌入JS脚本实现全选功能

2009-07-28 14:46 246 查看
1,代码:

<asp:TemplateField>
<ItemTemplate>
<input type='checkbox' name='PKey' value='<%# DataBinder.Eval(Container.DataItem, "id") %>' />
</ItemTemplate>
</asp:TemplateField>

------------------------------------------------------------------------------------------------------------

<PagerTemplate>
<asp:HyperLink ID="lnkCheckAll" runat="server" Text="全选" NavigateUrl="javascript:CheckAll(true);"></asp:HyperLink>
-
<asp:HyperLink ID="lnkClearAll" runat="server" Text="取消" NavigateUrl="javascript:CheckAll(false);"></asp:HyperLink>
    <a href="#" onclick="onDelete('labelinformation.aspx'); return false;">
删除</a>
<br />
<table>
<tr>
<td>
<pcontrol:PagerControl ID="ctlPagerControl" runat="server" />
</td>
</tr>
</table>
</PagerTemplate>

2,脚本:

<script>
function CheckAll(checked)
{
for( var i=0; i < document.forms[0].elements.length; i++)
if (document.forms[0].elements[i].name=='PKey')
document.forms[0].elements[i].checked=checked;
}
</script>

<script>
function onDelete(url)

{
var count=0;
var keyid ="";
var objList = document.getElementsByName("PKey");
for(i=0;i<objList.length;i++)
{
if(objList[i].checked)
{
if(count>0) keyid+=",";
keyid += objList[i].value;
count++;
}
}

if(count==0)
{
Ext.MessageBox.alert("请确认","您未选择任何记录!");return;
}

if(! Ext.MessageBox.confirm("请确认","您确定要删除选择的记录吗?",function(btn)
{
if (btn == 'yes')
{
self.location.href= url + "?type=delete&keyid=" + keyid;
}
})

);

}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: