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

bui框架——bui.list列表自动分页加载及刷新数据问题踩坑纪录

锺离德庸
2023-12-01

bui框架

bui是一个新兴的面向移动开发的组件开发库,同时又部分框架的属性存在。
BUI 是用来快速构建界面交互的UI框架, 专注webapp开发, 开发者只需关注业务的开发, 界面的布局及交互交给BUI, 开发出来的应用, 可以嵌入平台 ( 微信公众号, 微信小程序webview, 聆客, 钉钉, 淘宝, 支付宝等 ), 亦可以跟其它第三方平台打包成独立应用( Bingotouch , Cordova , Dcloud , APICloud , Appcan 等), 最终可以全跨平台展示 (包括Ipad).

bui.list Class

注意field的配置,其中的field:{data:“data”} 为请求以后返回的数组所在字段, 对比示例的json理解. 如果结果是数组, 无需配置

list = scroll + pullrefresh 把scroll的数据请求逻辑封装,只需要传id,url,data,模板的生成器,field(把数据映射),如果需要你的页面的逻辑比较复杂,建议参考 bui.scroll

bui.list请求数据的时候data问题

当使用默认field时,对返回的数据格式有要求:数据中必须有含data,且data中的数据为数组,格式如下

{
    "data": [
        {
            "username": "fengqiao",
            "password": "password"
        },
        {
            "username": "fengqiao",
            "password": "password"
        }
    ]
}

若是兴自定义数据需要设置field

 类似资料: