TreeviewCopyright © aleen42 all right reserved, powered by aleen42
ListModel 列表
对应控件:下拉项、复选框、单选框、自动搜索、下拉按钮、打印模板
方法
clear()
说明:清除数据
示例
//例:通过viewModel.get('name')获取页面对应表单数据
viewModel.get('name').clear()
setDataSource(proxyConfig, queryParams, callback)
说明:设置模型的数据源
参数
参数 | 属性含义 | 值类型 | 说明 |
---|---|---|---|
listData | 下拉菜单数据 | List | |
proxyConfig | 服务请求地址 | String | |
queryParams | 请求参数 | String | |
callback | 回调函数 | Function |
示例
//例:dataSourceMode为local
viewModel.get('gender').setDataSource(listData)
//dataSourceMode不为local
viewModel.get('gender').setDataSource(‘bill/list.do’,{‘id’:1},function(result){})
select(selectedKeys)
说明:选中方法
入参:selectedKeys传递要选中的key值 [‘key1’,’key2’]
参数
参数 | 属性含义 | 值类型 | 说明 |
---|---|---|---|
selectedKeys | 下拉菜单中要选中的key值 | String |
示例
//例:
viewModel.get('gender').select('man')
getSelectedNodes()
说明:获取已选中的数据
//例:
var arrSelectList = viewModel.get('gender').getSelectedNodes()
getSelectedKeys()
说明:获取已选中的数据的key值
//例:
var arrSelectKeys = viewModel.get('gender').getSelectedKeys ()
setValue(value,check)
说明:设置Value值
入参:value:为想要设置的值check:boolean型 可选型参数 内部调用参数 可不传
参数 | 属性含义 | 值类型 | 说明 |
---|---|---|---|
value | 下拉菜单中要选中的key值 | String | |
check | 可选型参数 | Boolean |
示例
//例:
viewModel.get('gender').setValue('man')
viewModel.get('gender').setValue('man',true)
getValue()
说明:获取绑定Model组件的Value值
示例
//例:
viewModel.get('gender').getValue()
事件
beforeSelect
说明:select选择前事件,返回true则继续进行select的改变,返回false则终止select的改变
//例:示例中的data为select选中数据
viewModel.get('gender').on('beforeSelect,function (data) {
return true;
});
afterSelect
说明:select选择后事件
//例:示例中的data为select选中数据
viewModel.get('gender').on('afterSelect,function (data) {});
beforeValueChange
说明:Value改变前事件,返回true则继续进行value的改变,返回false则终止value的改变
//示例中data格式为{ value: value, oldValue: oldValue }
viewModel.get('gender').on('beforeValueChange',function (data) {
return true;
});
afterValueChange
说明:value改变后事件,允许对改变后的数据进行操作
//例:示例中data格式为{ value: value, oldValue: oldValue }
viewModel.get('gender').on('afterValueChange',function (data) {});