GridView表头加CheckBox按钮
2009-07-10 16:00
204 查看
<script type="text/javascript">
function Check(parentChk,ChildId)
{
var oElements = document.getElementsByTagName("INPUT");
var bIsChecked = parentChk.checked;
for(i=0; i<oElements.length;i++)
{
if (IsCheckBox(oElements[i]) && IsMatch(oElements[i].id, ChildId))
{
oElements[i].checked = bIsChecked;
}
}
}
function IsMatch(id, ChildId)
{
var sPattern ='^grd_List.*'+ChildId+'$';
var oRegExp = new RegExp(sPattern);
if(oRegExp.exec(id))
return true;
else
return false;
}
function IsCheckBox(chk)
{
if(chk.type == 'checkbox')
return true;
else
return false;
}
</script>
<asp:GridView ID="grd_List" runat="server" AutoGenerateColumns="false" Font-Size ="12"
Width="100%" style="margin-left: 0px" OnRowDataBound ="grd_List_RowDataBound" >
<Columns>
<asp:BoundField DataField="table_name" HeaderText="表名" Visible ="false" />
<asp:BoundField DataField="cn_name" HeaderText="表单名称" />
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="cbQuery" runat="server" Text="运行"/>
</ItemTemplate>
<HeaderTemplate>
<input type="checkbox" id="chkrun" name="chkrun" onclick="Check(this,'cbQuery')" />运行
</HeaderTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox runat="server" ID="cbInsert" Text="新增"></asp:CheckBox>
</ItemTemplate>
<HeaderTemplate>
<input type="checkbox" id="chkadd" name="chkadd" onclick="Check(this,'cbInsert')" />新增
</HeaderTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox runat="server" ID="cbUpdate" Text="修改"></asp:CheckBox>
</ItemTemplate>
<HeaderTemplate>
<input type="checkbox" id="chkupdate" name="chkupdate" onclick="Check(this,'cbUpdate')" />修改
</HeaderTemplate>
</asp:TemplateField>
<asp:TemplateField >
<ItemTemplate>
<asp:CheckBox runat="server" ID="cbDelete" Text="删除"></asp:CheckBox>
</ItemTemplate>
<HeaderTemplate>
<input type="checkbox" id="chkdelete" name="chkdelete" onclick="Check(this,'cbDelete')" />删除
</HeaderTemplate>
</asp:TemplateField>
<asp:TemplateField >
<ItemTemplate >
<asp:CheckBox runat="server" ID="cbDownload" Text="导出"></asp:CheckBox>
</ItemTemplate>
<HeaderTemplate>
<input type="checkbox" id="chkdownload" name="chkdownload" onclick="Check(this,'cbDownload')" />导出
</HeaderTemplate>
</asp:TemplateField>
</Columns>
<EmptyDataTemplate>
没有数据可显示
</EmptyDataTemplate>
<HeaderStyle Font-Size="Smaller" />
</asp:GridView>
function Check(parentChk,ChildId)
{
var oElements = document.getElementsByTagName("INPUT");
var bIsChecked = parentChk.checked;
for(i=0; i<oElements.length;i++)
{
if (IsCheckBox(oElements[i]) && IsMatch(oElements[i].id, ChildId))
{
oElements[i].checked = bIsChecked;
}
}
}
function IsMatch(id, ChildId)
{
var sPattern ='^grd_List.*'+ChildId+'$';
var oRegExp = new RegExp(sPattern);
if(oRegExp.exec(id))
return true;
else
return false;
}
function IsCheckBox(chk)
{
if(chk.type == 'checkbox')
return true;
else
return false;
}
</script>
<asp:GridView ID="grd_List" runat="server" AutoGenerateColumns="false" Font-Size ="12"
Width="100%" style="margin-left: 0px" OnRowDataBound ="grd_List_RowDataBound" >
<Columns>
<asp:BoundField DataField="table_name" HeaderText="表名" Visible ="false" />
<asp:BoundField DataField="cn_name" HeaderText="表单名称" />
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="cbQuery" runat="server" Text="运行"/>
</ItemTemplate>
<HeaderTemplate>
<input type="checkbox" id="chkrun" name="chkrun" onclick="Check(this,'cbQuery')" />运行
</HeaderTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox runat="server" ID="cbInsert" Text="新增"></asp:CheckBox>
</ItemTemplate>
<HeaderTemplate>
<input type="checkbox" id="chkadd" name="chkadd" onclick="Check(this,'cbInsert')" />新增
</HeaderTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox runat="server" ID="cbUpdate" Text="修改"></asp:CheckBox>
</ItemTemplate>
<HeaderTemplate>
<input type="checkbox" id="chkupdate" name="chkupdate" onclick="Check(this,'cbUpdate')" />修改
</HeaderTemplate>
</asp:TemplateField>
<asp:TemplateField >
<ItemTemplate>
<asp:CheckBox runat="server" ID="cbDelete" Text="删除"></asp:CheckBox>
</ItemTemplate>
<HeaderTemplate>
<input type="checkbox" id="chkdelete" name="chkdelete" onclick="Check(this,'cbDelete')" />删除
</HeaderTemplate>
</asp:TemplateField>
<asp:TemplateField >
<ItemTemplate >
<asp:CheckBox runat="server" ID="cbDownload" Text="导出"></asp:CheckBox>
</ItemTemplate>
<HeaderTemplate>
<input type="checkbox" id="chkdownload" name="chkdownload" onclick="Check(this,'cbDownload')" />导出
</HeaderTemplate>
</asp:TemplateField>
</Columns>
<EmptyDataTemplate>
没有数据可显示
</EmptyDataTemplate>
<HeaderStyle Font-Size="Smaller" />
</asp:GridView>
相关文章推荐
- 在winform中给GridView加checkbox在按钮点击的时候获取选中的checkbox
- Gridview 表头加入checkbox的方法
- 给DataGrid加CheckBox列并在表头添加全选、全选按钮、置零按钮
- 给DataGrid加CheckBox列并在表头添加全选、全选按钮、置零按钮
- 【转载】利用JavaScript实现GridView中表头CheckBox的全选功能
- 给DataGrid加CheckBox列并在表头添加全选、全选按钮、置零按钮
- 利用JavaScript实现GridView中表头CheckBox的全选功能
- 利用JavaScript实现GridView中表头CheckBox的全选功能
- gridview中添加checkbox(javascript)
- 关于ASP.NET中GridView控件中编辑和删除按钮布局问题
- 在GridView中添加按钮后,如何触发按钮的各种事件?
- Android入门之多选按钮(CheckBox)
- 修改GridView表头样式的代码
- 创建表头固定,表体可滚动的GridView
- Asp.Net中gridview中嵌入的checkbox使用
- 如何通过 javascript 访问 GridView/DataGrid 选中 CheckBox 行各列的值
- gridview动态生成表头、合并表头
- GridView中的CheckBox单击事件(oncheckedchanged)
- 扩展GridView,增加单选按钮列
- Gridview实现单选按钮(radiobutton)