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(); }, });
        



      点赞(0)

      评论列表 共有 1 条评论

      王小o 1年前 回复TA

      searchbar 放在 header 结构,list结构放在 main 里面,目前我们用到很多搜索列表的操作,应该是没问题的,另外 searchbar 的callback里面,操作列表刷新不需要这么麻烦了,直接 bui_list.replace({data:{}, page:1 }) 就行. 如果还有问题,建议截图说明下

      订阅
      更新

      微信公众账号

      微信扫一扫加关注

      扫码
      加群

      BUI开发者交流群2

      QQ扫码加群

      扫码
      体验

      微信小程序

      微信扫一扫体验

      立即
      投稿
      发表
      评论
      返回
      顶部