bui.list + bui.searchbar
当list加载多几页的时候,特别是加载到最后一页同新内容,searchbar会消失
代码如下:
let bui_list = bui.list({
id: '#scrollListview',
url: '',
children: '.bui-listview',
handle: 'li',
pageSize: 50,
template: function(data) {
let html = '';
let row_title = '';
$.each(data, function(index, el) {
let sub_title = el.stop_time.substring(0, 7);
if (row_title !== sub_title) {
row_title = sub_title;
html += `` + sub_title + ` `;
}
html += ``;
html += ``;
html += `${el.order_title}
`;
html += `${el.stop_time}
`;
html += `模板名称:${el.template_name}`;
html += `
发起员工:${el.launch_staff_name}
`;
html += `我的备注:${el.read_comment}
`;
html += ``;
html += ``;
html += ` `;
});
return html;
},
field: {
page: 'page',
size: 'limit',
data: 'data',
},
});
bui.searchbar({
id: `#searchbar`,
callback: function(ui, keyword) {
bui_list.modify({ data: { 'order_title': keyword } });
bui_list.refresh();
bui_list.resize();
},
});
searchbar 放在 header 结构,list结构放在 main 里面,目前我们用到很多搜索列表的操作,应该是没问题的,另外 searchbar 的callback里面,操作列表刷新不需要这么麻烦了,直接 bui_list.replace({data:{}, page:1 }) 就行. 如果还有问题,建议截图说明下