在一次移动端web页面的构件中,应项目需求,选择使用了SUI Mobile组件库,在使用其中的picker组件时,发现了一个问题:
question:picker组件中设置的cols的数组不能实时更新;
result:这是解决方法:
function Picker(el) {
el.picker({
toolbarTemplate: '<header class="bar bar-nav">\
<button class="button button-link pull-left close-picker">取消</button>\
<button class="button button-link pull-right close-picker" οnclick="aaa()">确定</button>\
</header>',
cols: [{
textAlign: 'center',
values: xn
}, {
textAlign: 'center',
values: ['第一学期', '第二学期']
}],
onOpen: function (picker) {
picker.cols[0].replaceValues(xn);
},
onClose: function (picker) {
}
});
}