本例时间UI控件绑定默认数据。
本例实现如下效果:
<!-- HTML u-meta:框架特有标记,框架通过识别此标记创建对应UI组件,以及进行数据绑定 id,type.data,field为必选项 id:创建组件唯一标识 type:创建组件对应的类型 data:指定数据模型中的数据集 field:绑定数据集中对应的字段--><div class="" u-meta='{"id":"t2","type":"u-time","data":"dt1","field":"f2"}'> <input class="u-input"/></div>
// JS/** * viewModel 创建数据模型 * dt1 创建的数据集 * f1 创建数据集中的字段 * type:指定数据对应的类型 */var app, viewModel;viewModel = { dt1: new u.DataTable({ meta: { f1: {type:'datetime'}, f2: {type:'string'} } }),}/** * app 创建框架服务 * el 指定服务对应的顶层DOM * model 指定服务对应的数据模型 */app = u.createApp({ el: 'body', model: viewModel});// 创建空行,绑定默认值var r = viewModel.dt1.createEmptyRow();r.setValue('f1', "2016-2-7 12:32:34");r.setValue('f2', "12:32:34");viewModel.dt1.setRowSelect(0);