列表盒子 添加下拉刷新 触底加载功能

components/My_listBox/index.js

@@ -8,25 +8,43 @@ Component({
         height: {
             type: Number,
             value: 0
+        },
+        getlist: {
+            type: Function
         }
     },
 
     lifetimes: {
-        ready() {
-        }
+        ready() {}
     },
 
     /**
      * 组件的初始数据
      */
     data: {
-
+        inRefresh: false
     },
 
     /**
      * 组件的方法列表
      */
     methods: {
-
+        /* 下拉刷新 */
+        pullToRefresh() {
+            this.setData({
+                inRefresh: true
+            })
+            this.triggerEvent("getlist", true)
+        },
+        /* 刷新完成 */
+        RefreshToComplete() {
+            this.setData({
+                inRefresh: false
+            })
+        },
+        /* 加载分页 */
+        loadThePage() {
+            this.triggerEvent("getlist", false)
+        },
     }
 })

components/My_listBox/index.wxml

@@ -1,3 +1,3 @@
-<scroll-view scroll-y refresher-enabled	 style="height: {{height}}rpx;">
+<scroll-view scroll-y refresher-enabled refresher-triggered='{{inRefresh}}' style="height: {{height}}rpx;" triggered='{{true}}' bindrefresherrefresh='pullToRefresh' bindscrolltolower='loadThePage'>
     <slot />
 </scroll-view>