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>
<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>
相关文章推荐
- 实现GridView里的checkbox 全选功能:(后台实现)
- jquery 实现gridview checkbox 全选功能
- JS脚本实现全选功能
- gridview控件实现全选功能
- Jquery实现Gridview全选功能
- DEV控件中GridView中的复选框与CheckBox实现联动的全选功能
- GridView控件与CheckBox结合,实现全选功能,同时实现删除选中的多行数据 .
- GridView控件的选择功能,代码实现CheckBox控件的全选、反选以及取消
- 用js实现 全选功能(Gridview)
- asp.net 中GridView控件实现全选及反选的功能
- GridView中实现反选和全选功能
- asp.net 中GridView控件实现全选及反选的功能
- 【转载】利用JavaScript实现GridView中表头CheckBox的全选功能
- GridView 添加checkBox 实现全选功能
- 利用JavaScript实现GridView中表头CheckBox的全选功能
- GridView控件与CheckBox结合,实现全选功能,同时实现删除选中的多行数据
- GridView中CheckBox实现全选或反选功能的方法
- GridView实现多选,全选,反选等功能
- asp.net 中GridView控件实现全选及反选的功能
- 利用JavaScript实现GridView中表头CheckBox的全选功能