TreeModel树表

对应控件:树表

获取树表模型

viewModel.getTreeModel(); //方法一、适用于页面中只有一个树表
viewModel.get("childrenField") //方法二、适用于页面中存在多个树表获取指定树表;childrenField：页面设计器-》实体清单-》子表集合属性

方法:

setDataSource(proxyConfig, queryParams, callback)

说明:设置数据源

参数

示例

//dataSourceMode为local
viewModel.getTreeModel().setState('dataSourceMode','local');
viewModel.getTreeModel().setDataSource(TreeData) //重置树表数据, 参数为[{"id":"456","mingchen":"546546756","code": "000005","children": [{"id":"123","mingchen":"546546756","code": "000005"}]}],数组对象格式
//dataSourceMode不为local
viewModel.getTreeModel().setDataSource(‘bill/list.do’,{‘id’:1},function(result){})

addNode(node, parentKey)

说明:添加树节点方法

参数

示例

//目前只支持添加根节点
viewModel.getTreeModel().addNode({"new3": "id":"3423423","mingchen": "12344545656"})

deleteNode(key)

说明:删除节点

参数

示例

//一般和getSelectedKeys结合使用，先获取选中节点的key值，然后删除
var treeModel = viewModel.getTreeModel();
var selectedKeys = treeModel.getSelectedKeys();
//参数格式：['1604301779801997314']
treeModel.deleteNode(selectedKeys);

updateNode(node)

说明:更新节点

参数

示例

//一般和getSelectedNodes结合使用，先获取选中节点对象，然后改变对象中的属性值
var treeModel = viewModel.getTreeModel();
var selectNodes = treeModel.getSelectedNodes();
selectNodes[0].mingchen = "43545";
treeModel.updateNode(selectNodes);

select(selectedKeys)

说明:设置选中的树节点

参数

示例

//参数格式：['1604301779801997314']，注意：该方法不支持选择多个节点
viewModel.getTreeModel().select(selectedKeys)

getSelectedNodes()

说明:获取已选中树节点

参数:无

示例

viewModel.getTreeModel().getSelectedNodes()

getSelectedKeys()

说明:获取已选中树节点的key值

参数:无

示例

viewModel.getTreeModel().getSelectedKeys()

事件

beforeSetDataSource

说明:DataSource改变前事件，返回true则继续进行DataSource的改变，返回false则终止DataSource的改变

viewmodel.get(propertyName).on('beforeSetDataSource',function (data) {
    return true;
});

afterSetDataSource

说明:DataSource改变后事件

viewmodel.get(propertyName).on('afterSetDataSource',function (data) {});

beforeSelect

说明:select选择前事件， 返回true则继续进行select的改变，返回false则终止select的改变

//例：示例中的data为select选中数据
viewmodel.get(propertyName).on('beforeSelect',function (data) {
    return true;
});

select

说明:select选择中事件

viewmodel.get(propertyName).on('select',function (data) {
    return true;
});

afterSelect

说明:select选择后事件

//例：示例中的data为select选中数据
viewmodel.get(propertyName).on('afterSelect', function(data) {});