Class SelectorView

用于显示两栏(备选框, 已选框)选择器控件的JavaScript控件.
Defined in: SelectorView.js.

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

Field Summary
Field Attributes	Field Name and Description
	container 当前控件所处的HTML节点引用.
	dst 已选框TableView.
	src 备选框TableView.

Method Summary
Method Attributes	Method Name and Description
	getSelected() 获取已选择的的记录对象的列表, 也即已选框中的所有记录.
	getSelectedKeys() 获取所有已选择的数据对象键值列表.
	render() 渲染整个选择控件.
	select() 将备选框中选中的数据移动到已选框中.
	unselect() 将已选框中选中的数据移动到备选框中.

Class Detail

SelectorView(id:)

Author: ideawu@163.com.

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

#JavaScript代码:
var sel = new SelectorView('sel_div');
sel.src.header = {
	id			: 'Id',
	name		: 'Name',
	text		: 'Text'
};
sel.dst.header = {
	id			: 'Id',
	name		: 'Name',
};
sel.src.dataKey = 'id';
sel.dst.dataKey = 'id';
sel.src.title = '可选';
sel.dst.title = '已选';

sel.src.add({id: 1, name: 'Tom', text: 'Tomcat'});
sel.src.add({id: 2, name: 'Jerry', text: 'Jerrimy'});

sel.render();

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

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

Requires:: jQuery

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

Field Detail

{DOMElement} container

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

{TableView} dst

已选框TableView.

{TableView} src

备选框TableView.

Method Detail

getSelected()

获取已选择的的记录对象的列表, 也即已选框中的所有记录.

getSelectedKeys()

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

render()

渲染整个选择控件.

select()

将备选框中选中的数据移动到已选框中.

unselect()

Classes

Class SelectorView