级联组件

级联组件

本例展示级联组件示例。

试一试

API

u-meta 属性

:如果在开发时要求兼容ie8,ie9,datasource必须定义。 

u-meta基础api请参考这里

CascaderAdapter对象

<div id="combo1" class="u-combo u-text u-label-floating" u-meta='{"id":"c1","type":"u-cascader","data":"dt1","field":"f1","datasource":"casData"}'>
<input class="u-input"/>
<span class="u-combo-icon"></span>
</div>
var cascaderAObject = app.getComp('c1');//c1为在u-meta中定义的id值

setData 设置数据源

//value为:级联真实值,name为级联显示值,children为子项列表数据,格式同上
var data = [{
value: "01",
name: '浙江',
children: [{
value: "11",
name: '杭州',
children: [{
value: "21",
name: '西湖',
children: [{
value: "31",
name: '白娘子'
},
{
value: "32",
name: '许仙'
}
]
}]
}]
}];
cascaderAObject.setData(data);

setValue 根据真实值选中某行

cascaderAObject.setValue(value);

相关内容:

ui级联组件