jQuery MiniUI

标题: DataGrid如何在列的head头上加一个checkbox的控件? [打印本页]

作者: seseares 时间: 2012-9-27 11:04:14 标题: DataGrid如何在列的head头上加一个checkbox的控件?

DataGrid如何在列的head头上加一个checkbox的控件?

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

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

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

作者: niko 时间: 2012-9-27 11:16:49

直接在列内写：
<div field="abc"><input type="check" onclick="checkAll()"/>全部生效</div>

作者: seseares 时间: 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>

作者: niko 时间: 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>

作者: seseares 时间: 2012-9-27 12:48:30

谢谢管理员!

作者: seseares 时间: 2012-10-8 11:25:07

niko 发表于 2012-9-27 11:16
直接在列内写：
全部生效

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

作者: niko 时间: 2012-10-8 14:08:45

datagrid的api：selectAll
grid.selectAll();

作者: seseares 时间: 2012-10-8 14:12:40

谢谢管理员,

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

作者: seseares 时间: 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没有被选中啊

作者: factory 时间: 2012-10-8 15:06:40

seseares 发表于 2012-10-8 14:30
婚否

点击表头全选,你遍历你的数据,然后更改你那一列的值
比如你的checkboxcolumn的trueValue是1的时候才会选中,那么就将数据的该字段全修改为1

var rows = grid.getData();
for(var i=0,l=rows.length; i<l; i++){
var row = rows[i];
grid.updateRow(row, {married: 1});
}

复制代码

作者: seseares 时间: 2012-10-8 18:06:00

谢谢楼主!

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)