jQuery MiniUI

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

DataGrid如何在列的head头上加一个checkbox的控件? [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2012-9-27 11:04:14 |只看该作者 |倒序浏览
DataGrid如何在列的head头上加一个checkbox的控件?

不是 <div type="checkcolumn" ></div>   

如果  <div type="checkcolumn" ></div>   可以取到数据库里的bit值也可以.

我的意思是有一个DataGird的表格,有个"生效"一列,想像 checkcolomn 那样,可以在列头上全选.

Rank: 9Rank: 9Rank: 9

沙发
发表于 2012-9-27 11:16:49 |只看该作者
直接在列内写:
<div field="abc"><input type="check"  onclick="checkAll()"/>全部生效</div>

Rank: 3Rank: 3

板凳
发表于 2012-9-27 11:29:25 |只看该作者
谢谢管理员,但不行的啊.你看 http://www.miniui.com/demo/index.html#src=datagrid/editable.html

这个例子,我将婚否改成如下,checkbox变成了文本框

<div type="checkboxcolumn" field="married" trueValue="1" falseValue="0" width="60" headerAlign="center">
              <div field="married"><input type="check"  onclick="alert('d')"/>婚否</div>
</div>

Rank: 9Rank: 9Rank: 9

地板
发表于 2012-9-27 12:24:56 |只看该作者
<div type="checkboxcolumn" field="married" trueValue="1" falseValue="0" width="60" headerAlign="center">
    <input type="checkbox"  onclick="alert('d')"/>婚否
</div>

Rank: 3Rank: 3

5#
发表于 2012-9-27 12:48:30 |只看该作者
谢谢管理员!

Rank: 3Rank: 3

6#
发表于 2012-10-8 11:25:07 |只看该作者
niko 发表于 2012-9-27 11:16
直接在列内写:
全部生效

请问下这个 checkAll() 函数怎么写啊?

Rank: 9Rank: 9Rank: 9

7#
发表于 2012-10-8 14:08:45 |只看该作者
datagrid的api:selectAll
grid.selectAll();

Rank: 3Rank: 3

8#
发表于 2012-10-8 14:12:40 |只看该作者
谢谢管理员,

这个只是全选当前页的吗?

Rank: 3Rank: 3

9#
发表于 2012-10-8 14:30:10 |只看该作者

<div type="checkboxcolumn" field="married" trueValue="1" falseValue="0" width="60" headerAlign="center">
    <input type="checkbox"  onclick="checkAll"/>婚否
</div>

var Grid2 = mini.get("Grid2");
function checkAll() {
            Grid2 .selectAll();
        }


全选是全选了,行都变灰了,但前面的checkbox没有被选中啊

Rank: 8Rank: 8

10#
发表于 2012-10-8 15:06:40 |只看该作者
seseares 发表于 2012-10-8 14:30
婚否

点击表头全选,你遍历你的数据,然后更改你那一列的值
比如你的checkboxcolumn的trueValue是1的时候才会选中,那么就将数据的该字段全修改为1
  1. var rows = grid.getData();
  2.             for(var i=0,l=rows.length; i<l; i++){
  3.                var row = rows[i];
  4.                grid.updateRow(row, {married: 1});
  5.             }
复制代码

Archiver|普加软件

GMT+8, 2024-11-26 00:32 , Processed in 1.037281 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部