jQuery MiniUI

标题: 给datagrid分组增加小组下的全选功能 [打印本页]
作者: wen369971016    时间: 2015-8-19 16:33:53     标题: 给datagrid分组增加小组下的全选功能

[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;
        }
作者: dforce    时间: 2015-8-19 16:49:11

什么不缩进
作者: wen369971016    时间: 2015-8-19 16:54:19

dforce 发表于 2015-8-19 16:49
什么不缩进

就是隐藏该组的值
作者: dforce    时间: 2015-8-19 17:07:55

wen369971016 发表于 2015-8-19 16:54
就是隐藏该组的值

知道了，我们处理一下
作者: wen369971016    时间: 2015-8-19 17:11:38

dforce 发表于 2015-8-19 17:07
知道了，我们处理一下

需要实现的功能：
   datagrid分组，在每组的头添加个复选框，通过复选框来实现该组所有行的选中，在点击复选框时，组内容不隐藏
作者: dforce    时间: 2015-8-19 17:18:21

wen369971016 发表于 2015-8-19 17:11
需要实现的功能：
   datagrid分组，在每组的头添加个复选框，通过复选框来实现该组所有行的选中，在点击 ...

我们考虑开发一个属性，只点击收缩+ -号的时候收缩展开
作者: wen369971016    时间: 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才能阻止冒泡事件

作者: wen369971016    时间: 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才能阻止冒泡事件
作者: felt    时间: 2015-8-20 13:26:46

wen369971016 发表于 2015-8-20 10:51
function onDrawGroup(e) {
                var policyCode="'"+e.rows[0].policyCode+"'";        
    ...

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

下周更新
作者: wen369971016    时间: 2015-8-20 13:31:41

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

怎样实现点击复选框时，默认阻止背景的冒泡事件,也就是小组的收缩与展开
作者: felt    时间: 2015-8-20 13:36:37

wen369971016 发表于 2015-8-20 13:31
怎样实现点击复选框时，默认阻止背景的冒泡事件,也就是小组的收缩与展开 ...

这些底层的东西你自己能控制的话，你可以不用管我们的更新
我们的处理是添加属性控制
作者: felt    时间: 2015-8-20 15:55:30

wen369971016 发表于 2015-8-20 13:31
怎样实现点击复选框时，默认阻止背景的冒泡事件,也就是小组的收缩与展开 ...

表格增加
groupTitleCollapsible属性，默认true，设置false,只点击+-收缩展开
下周更新



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2