Class TableView

用于显示数据表格的JavaScript控件. 集成的分页控件, 可对表格中的数据集进行客户端分页.
Defined in: TableView.js.

Class Summary
Constructor Attributes	Constructor Name and Description
	TableView(id:)

Field Summary
Field Attributes	Field Name and Description
	container 当前控件所处的HTML节点引用.
	dataKey 数据集的每一条记录的唯一标识字段名.
	display 用于确定要显示哪些内部控件.
	header 要显示的记录的字段, 以及所对应的字段名.
	pager 集成的分页控件, 可对表格中的数据集进行客户端分页.
	sort 集成的排序控件, 用于显示分页按钮/链接.
	title 要显示的数据表格的标题.

Method Summary
Method Attributes	Method Name and Description
	add(row:) 添加一条记录, 如果控件已经被渲染, 会导致一次刷新.
	addRange(rows:) 添加记录列表, 如果控件已经被渲染, 会导致一次刷新.
	clear() 清空所有行.
	del(row:) 删除一个记录对象, 如果控件已经被渲染, 会导致一次刷新.
	delRange(rows:) 删除记录对象列表, 如果控件已经被渲染, 会导致一次刷新.
	filter(text:) 进行模糊过滤.
	get(id) 获取数据集指定id一条记录.
	getDataSource() 返回所有的记录的列表.
	getSelected() 获取所有标记为选择的行对应的记录的列表.
	getSelectedKeys() 获取所有已选择的数据对象键值的列表.
	render() 渲染控件.
	rowCount() 获取当前可显示的数据数.
	selectAll() 设置所有行的选择标记.
	unselectAll() 取消所有行的选择标记.

Event Summary
Event Attributes	Event Name and Description
	dblclick(id:) 使用者重写本方法, 进行行双击回调.

Class Detail

TableView(id:)

Author: ideawu@163.com.

### HTML代码:
<div id="my_div"></div>

### JavaScript代码:
var table = new TableView('my_div');
table.dataKey = 'id';
table.header = {
	'id' : 'Id',
	'name' : 'Name',
};

table.add({id:1, name:'Tom'});
table.render();

Parameters:
{String} id:: HTML节点的id, 控件将显示在该节点中.

Returns:: {TableView} : 返回分页控件实例.

Requires:: jQuery PagerView SortView

See:: http://www.ideawu.net/

Field Detail

{DOMElement} container

当前控件所处的HTML节点引用.

{String} dataKey

数据集的每一条记录的唯一标识字段名. 类似数据库表的主键字段名.

{TableView-DisplayOptions} display

用于确定要显示哪些内部控件.

{Object} header

要显示的记录的字段, 以及所对应的字段名. 如 'id' : '编号'.

{PagerView} pager

集成的分页控件, 可对表格中的数据集进行客户端分页.

{SortView} sort

集成的排序控件, 用于显示分页按钮/链接.

{String} title

要显示的数据表格的标题.

Method Detail

add(row:)

添加一条记录, 如果控件已经被渲染, 会导致一次刷新.

Parameters:
{Object} row:: 记录对象.

addRange(rows:)

添加记录列表, 如果控件已经被渲染, 会导致一次刷新. 用本方法替代连续多次TableView#add(), 以提高性能.

Parameters:
{Array[Object]} rows:: 记录对象的数组.

clear()

清空所有行.

del(row:)

删除一个记录对象, 如果控件已经被渲染, 会导致一次刷新. 可以在调用本方法前, 调用TableView#get()方法通过id获取要删除的记录对象.

Parameters:
{Object} row:: 记录对象.

delRange(rows:)

删除记录对象列表, 如果控件已经被渲染, 会导致一次刷新. 用本方法替代连续多次TableView#del(), 以提高性能.

Parameters:
{Array[Object]} rows:: 记录对象的数组.

filter(text:)

进行模糊过滤.

Parameters:
{String} text:: Regex字符串.

{Object} get(id)

获取数据集指定id一条记录.

Parameters:
id

Returns:: {Object} 数据集中的一条记录.

{Array[Object]} getDataSource()

返回所有的记录的列表.

Returns:: {Array[Object]}

{Array[Object]} getSelected()

获取所有标记为选择的行对应的记录的列表.

Returns:: {Array[Object]}

{Array[Key]} getSelectedKeys()

获取所有已选择的数据对象键值的列表.

Returns:: {Array[Key]}

render()

渲染控件.

{int} rowCount()

获取当前可显示的数据数.

Returns:: {int}

selectAll()

设置所有行的选择标记. 如果设置了分页, 则只对当前页有效.

unselectAll()

取消所有行的选择标记. 如果设置了分页, 则只对当前页有效.

Event Detail

dblclick(id:)

使用者重写本方法, 进行行双击回调.

Parameters:
{int} id:: 双击行的主键值.

Classes

Class TableView