MUI 级联选择器 第二级回显
多级选择: 使用setSelectedValue选择默认值时, 第二级需要延时写入
<input type="text" placeholder="请选择区县" readonly class="screen_quxian screen_quxian_shop">
let active_sele = ''
let active_sele_1 = ''
$('.screen_shop').on('click', function () {
// 接口返回的数据 需要自己做下处理 基本结构参照mui文档
let data = ADRESSLISTCHECK(ADRESSLIST)
let picker = new mui.PopPicker({
layer: 2
});
picker.setData(data)
// 回显
active_sele ? picker.pickers[0].setSelectedValue(active_sele) : picker.pickers[0].setSelectedIndex(1)
setTimeout(function () {
active_sele_1 ? picker.pickers[1].setSelectedValue(active_sele_1) : picker.pickers[1].setSelectedIndex(1)
}, 100)
picker.show(function (SelectedItem) {
if (!SelectedItem.length) return
// 将选择的值保存 下次回显
active_sele = SelectedItem[0].value
active_sele_1 = SelectedItem[1].value
// 展示到输入框选择的数据
$('.screen_quxian_shop').val(SelectedItem[0].name + '/' + SelectedItem[1].name)
// Do your function
····
// 销毁实例
picker.dispose()
})
})