当前位置: 首页 > 工具软件 > SUI Mobile > 使用案例 >

记录SUI Mobile中picker组件的动态刷新问题

仲智
2023-12-01

记录SUI Mobile中picker组件的动态刷新问题

在一次移动端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) {
        }
   });
}
 类似资料: