首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

扩展UltraGrid控件实现对所有数据行的全选功能

UltraListView)进行扩展,以实现对ToolTip样式的定义,今天我来介绍如何采用相同的方式实现另外一个更为常用的功能:在UltraGrid的Header中动态添加CheckBox,从而实现对所有数据行进行全选的功能...[Source Code从这里下载] 一、我们的目标:在UltraGird的选择列的Header添加CheckBox实现对所有数据行的全选 ?...现在的新的要求是:在CheckBox列的列头添加一个总的CheckBox,用于选中所有数据行,即当勾选CheckBox时,下面所有数据行对应的均自动被勾选,反之,解除现有数据行对应的CheckBox的勾选状态...这个分组功能为我们要扩展的UltraGird又增加了一个新的特性:如果在分组状态,需要在每一个分组行中添加CheckBox,该CheckBox用于对当前组范围内所有数据行的全选。...我们通过该类型来设置分组行或者整个UltraGrid(没有在分组模式下)应有的状态,并最终对相应的数据行(在分组模式下为当前分组的所有行,而没有分组情况下为整个UltraGrid的所有行)的Check状态

1.4K110

JS如何实现勾选全部复选框和不全选复选框

前言 在一些后台管理系统里面,针对全选,复选框是一个很常见的操作,复选框可以执行多项选择的一种控件,有时,为了方便用户选中所有的复选框,网页界面 会提供一个选中所有复选框的功能,怎么实现一个复选框全部被选中的效果呢...示例效果 allcheckbox 原生Js 实现全选的效果,复选框是否被勾选,是由它的checked属性决定的,因此,实现本例效果的关键就是找到所有对应的复选框,然后将其它的checked属性设置为...true或false实现全选或全不选 如下实现一个简易的全选功能 // 选择所有函数 function checkAll(c) { var arr = document.getElementsByTagName...("myname"); if(c) { // 遍历所有的复选框 for(var i = 0;i<arr.length;i++) { arr...[i].checked = true; // 选中 } }else { // 遍历所有的复选框 for(var i = 0;i<arr.length

6.1K60
领券