提交 a08b56c5 编写于 作者: C Catouse

* add checks attribute to datatable instance and update document.

上级 f04b906b
......@@ -304,6 +304,23 @@ $('table.datatable').datatable().on("sort.zui.datatable", function(event) {
});
```
## 属性
`checkable` 选项被启用时可以使用数据表格实例上的 `checks` 属性来获取当前已选择行的状态。
```javascript
// 获取数据表格实例对象
var myDatatable = $('table.datatable').data('zui.datatable');
// 获取行选中数据
var checksStatus = myDatatable.checks;
```
`checks` 属性值为一个对象包含如下属性:
- `checkedAll`:是否已选中所有行;
- `checks`:一个数组包含所有被选中的行编号;
## 数据配置
### 增强现有表格
......
......@@ -345,7 +345,7 @@
$leftRow = $('<tr/>');
$leftRow.addClass(row.cssClass)
.toggleClass(options.checkedClass, row.checked)
.toggleClass(options.checkedClass, !!row.checked)
.attr({
'data-index': r,
'data-id': row.id
......@@ -607,10 +607,11 @@
return rowId;
}).toArray()
};
that.checks = checkedStatus;
$.each(data.rows, function(index, value) {
value.checked = ($.inArray(value.id, checkedStatus.checks) > -1);
});
$headSpans.find('.check-all').toggleClass('checked', checkedStatus.checkedAll);
$headSpans.find('.check-all').toggleClass('checked', !!checkedStatus.checkedAll);
if(options.storage) store.pageSet(checkedStatusStoreName, checkedStatus);
......@@ -620,7 +621,7 @@
};
var toggleRowClass = function(ele, toggle) {
$rows.filter('[data-index="' + $(ele).closest('tr').data('index') + '"]').toggleClass(checkedClass, toggle);
$rows.filter('[data-index="' + $(ele).closest('tr').data('index') + '"]').toggleClass(checkedClass, !!toggle);
};
var checkEventPrefix = 'click.zui.datatable.check';
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册