SimpleModel 简单模型

对应的控件:输入框、数值框、日期、定位、按钮、手机号

模型说明

继承baseModel的所有API

API

setData(data)

说明:设置模型上value上的值

参数:data | any

示例

viewModel.on('afterLoadData',function(args){
  //给日期字段赋值
  viewModel.get('riqi').setData('2022-01-01');
})

setValue(value，check)

说明:设置模型上value上的值

参数

示例

viewModel.on('afterLoadData',function(args){
  //给文本字段赋值
  viewModel.get('wenben').setValue('test');
})

getValue()

说明:获取当前模型上的value的值

返回值:模型的value

示例

viewModel.on('afterLoadData',function(args){
  viewModel.get('wenben').getValue();
})

clear(useDefault)

说明:将组件绑定在模型上cDefaultValue的值，更新到当前组件上

参数

示例

//1.设计器中给字段设置默认值
//2.脚本执行setValue后，字段的值变为aaaaa，执行完clear后字段的值为默认值
viewModel.on('afterLoadData',function(args){
  viewModel.get('wenben').setValue('aaaaa');
  viewModel.get('wenben').clear(true);
})

setPrevValue(value)

说明:在model属性上设置prevValue值,用于页面显示新老数据变更的对比

参数:data | any

示例

//可在页面观察效果，字段下方会显示旧值
viewModel.get('wenben').on('afterValueChange',function(data){
  viewModel.get('wenben').setPrevValue(data.oldValue);
})

事件

beforeValueChange

说明:value改变前事件

示例

//例：示例中data格式为{ value: value, oldValue: oldValue }
viewmodel.get(propertyName).on(' beforeValueChange',function (data) {
    return true;
});
//返回true则继续进行value的改变，返回false则终止value的改变

afterValueChange

说明:value改变后事件，允许对改变后的数据进行操作

示例

//例：示例中data格式为{ value: value, oldValue: oldValue }
viewmodel.get(propertyName).on('afterValueChange',function (data) {
    console.log(data);
});