jQuery MiniUI

 找回密码
 立即注册
查看: 2980|回复: 11
打印 上一主题 下一主题

给datagrid分组增加小组下的全选功能 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2015-8-19 16:33:53 |只看该作者 |倒序浏览
[size=0.83em]19 分钟前 上传
下载附件 [size=0.83em](47.97 KB)



这个是datagrid中的分组,怎样实现点击复选框时,该组不缩进

function onDrawGroup(e) {
                        var value=e.value;        
            e.cellHtml = '<input type="checkbox" style="padding-top:6px;padding-bottom:4px;"/>'+"编码:" + e.value+"&nbsp;&nbsp;名称:"+e.rows[0].policyName;
        }

Rank: 8Rank: 8

沙发
发表于 2015-8-19 16:49:11 |只看该作者
什么不缩进

Rank: 3Rank: 3

板凳
发表于 2015-8-19 16:54:19 |只看该作者
dforce 发表于 2015-8-19 16:49
什么不缩进

就是隐藏该组的值

Rank: 8Rank: 8

地板
发表于 2015-8-19 17:07:55 |只看该作者
wen369971016 发表于 2015-8-19 16:54
就是隐藏该组的值

知道了,我们处理一下

Rank: 3Rank: 3

5#
发表于 2015-8-19 17:11:38 |只看该作者
dforce 发表于 2015-8-19 17:07
知道了,我们处理一下

需要实现的功能:
   datagrid分组,在每组的头添加个复选框,通过复选框来实现该组所有行的选中,在点击复选框时,组内容不隐藏

Rank: 8Rank: 8

6#
发表于 2015-8-19 17:18:21 |只看该作者
wen369971016 发表于 2015-8-19 17:11
需要实现的功能:
   datagrid分组,在每组的头添加个复选框,通过复选框来实现该组所有行的选中,在点击 ...

我们考虑开发一个属性,只点击收缩+ -号的时候收缩展开

Rank: 3Rank: 3

7#
发表于 2015-8-19 17:45:06 |只看该作者
本帖最后由 wen369971016 于 2015-8-20 09:09 编辑
function onDrawGroup(e) {
                var policyCode="'"+e.rows[0].policyCode+"'";        
            e.cellHtml = '<input type="checkbox" id='+policyCode+ 'onclick="selectPolicy(this,'+policyCode+')" style="padding-top:6px;padding-bottom:4px;"/>'+"商务政策编码:" + e.value+"&nbsp;&nbsp;商务政策名称:"+e.rows[0].policyName;
        }
        function selectPolicy(e,policyCode){
                $("#"+policyCode).click(function(event){
                        event.stopPropagation();
                });
        }
使用这种方式阻止checkbox的冒泡事件,但是只有在点击过checkbox后,再次点击checkbox才能阻止冒泡事件

Rank: 3Rank: 3

8#
发表于 2015-8-20 10:51:35 |只看该作者
dforce 发表于 2015-8-19 17:18
我们考虑开发一个属性,只点击收缩+ -号的时候收缩展开

function onDrawGroup(e) {
                var policyCode="'"+e.rows[0].policyCode+"'";        
            e.cellHtml = '<input type="checkbox" id='+policyCode+ 'onclick="selectPolicy(this,'+policyCode+')" style="padding-top:6px;padding-bottom:4px;"/>'+"商务政策编码:" + e.value+"&nbsp;&nbsp;商务政策名称:"+e.rows[0].policyName;
        }
        function selectPolicy(e,policyCode){
                $("#"+policyCode).click(function(event){
                        event.stopPropagation();
                });
        }
使用这种方式阻止checkbox的冒泡事件,但是只有在点击过checkbox后,再次点击checkbox才能阻止冒泡事件

Rank: 8Rank: 8

9#
发表于 2015-8-20 13:26:46 |只看该作者
wen369971016 发表于 2015-8-20 10:51
function onDrawGroup(e) {
                var policyCode="'"+e.rows[0].policyCode+"'";        
    ...

已经处理,增加只点击+-号收缩展开的属性配置,配置之后只按这个图标才会收缩展开分组,点击其他地方不会收缩展开

下周更新

Rank: 3Rank: 3

10#
发表于 2015-8-20 13:31:41 |只看该作者
felt 发表于 2015-8-20 13:26
已经处理,增加只点击+-号收缩展开的属性配置,配置之后只按这个图标才会收缩展开分组,点击其他地方不会 ...

怎样实现点击复选框时,默认阻止背景的冒泡事件,也就是小组的收缩与展开

Archiver|普加软件

GMT+8, 2024-5-31 00:59 , Processed in 1.067794 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部