Repeater控件中实现checkbox的全选
来源:互联网 发布:营销推广软件 编辑:程序博客网 时间:2024/06/05 22:31
Repeater控件是个轻量级的数据绑定控件,一般用它来输出要求相对简单的数据。本文介绍了在Repeater控件中实现checkbox的全选,一起来看。
Repeater 控件是模板化的数据绑定列表,Repeater 控件是“无外观的”,即:它不具有任何内置布局或样式,也就不会产生任何数据控制表格来控制数据的显示。因此,我们必须在控件的模板中明确声明所有 HTML 布局标记、格式标记和样式标记。下面主要介绍了一个例子,功能是在Repeater控件中实现checkbox的全选。
今天做项目,做到一个Repeater控件内部的复选框权限效果,感觉有点麻烦,现在整理一下,贡献给大家!
一、HTML代码:
- <input name="CheckAll" type="checkbox" value="" onclick="javascript:FormSelectAll('form1','CheckBox',this);" />
- //用于选择是否全选的复选框,用javascript函数“FormSelectAll('form1','CheckBox',this); ”实现全选效果,具体参数下文在详细解释
- <form id="form1" runat="server">
- <asp:Repeater ID="RptList" runat="server" >
- <ItemTemplate>
- <input name="CheckBox" id="CheckBox" runat="server" type="checkbox" value='<%# DataBinder.eval_r(Container.DataItem, "F_JobID")%>' />
- //使用Repeater 控件绑定checkbox控件,用于选择单项内容
- </ItemTemplate>
- </asp:Repeater>
- </form>
二、Javascript实现全选效果:
- function FormSelectAll(formID,EleName,e)
- {
- var Elements = document.getElementByIdx(formID).elements;
- for (var i = 0; i < Elements.length;i++)
- {
- if (Elements[i].type == "checkbox" && Elements[i].name.indexOf(EleName) >= 0)
- {
- Elements[i].checked = e.checked;
- }
- }
- }
三、服务器端执行代码:
- for (int i = 0; i < this.RptList.Items.Count; i++)
- //根据Repeater 控件的情况执行循环判断目标复选框是否被选中
- {
- HtmlInputCheckBox CB = (HtmlInputCheckBox)this.RptList.Items[i].FindControl("CheckBox");
- //获取一个目标复选框情况
- if (CB.Checked == true) //判断该复选框是否被选中
- {
- 。。。。。 //程序处理代码
- }
- }
- Repeater控件中实现checkbox的全选
- Repeater控件中实现checkbox的全选
- 在Repeater中实现CheckBox 的全选及反选
- Repeater中CheckBox全选
- 使用masterpage的情况下如何使用js实现repeater控件里的checkbox全选
- 两个Repeater,里面的checkbox实现全选JS
- Repeater/CheckBox 全选问题
- 今天在Repeater控件中碰到一个全选的操作
- GridView中如何实现CheckBox的全选?
- GridView中实现CheckBox的全选
- GridView中实现CheckBox的全选
- GridView中实现CheckBox的全选
- GridView中实现CheckBox的全选
- GridView中实现CheckBox的全选
- GridView中实现CheckBox的全选
- GridView中实现CheckBox的全选
- CheckBox全选的实现
- 保存Repeater控件中input CheckBox的选中状态
- jquery判断asp.net<asp:Repeater>里面的checkbox是否选中
- 调整系统时间,导致https站点无法访问,skype无法登陆等问题
- rest服务解释
- 遍历二叉树
- ARM基础:汇编调用C程序
- Repeater控件中实现checkbox的全选
- C++ Primer Chapter 8 stringstream 提供的转换或格式化
- ctrl+左键点击一个函数名,跳转到另一个文件,如何返回原位置?
- Thinkphp: 关于文件格式引起运行的错误
- 基于WIZ820io的以太网关(兼容XBEE、Arduino扩展)
- tomcat如何配置环境变量
- adb命令、adb shell与Linux各种命令
- 5.0-4.2竟然不等于0.8怎么办
- memcache与spring集成 实例