u

code/base-project/base-app/test2.html

@@ -33,7 +33,8 @@
        pageSize:30,
        onClickRow:onClickRow,
        showPageInfo:false,
-       showRefresh:false
+       showRefresh:false,
+       data: createMockData(100)
        ">
     <thead>
         <tr>
@@ -57,20 +58,23 @@ let editIndex = undefined;
 
 // 初始化 Datagrid 数据
 $('#dg').datagrid({
-    data: createMockData(100),
-    onLoadSuccess: function(){
-        let pager = $('#dg').datagrid('getPager');
-        pager.pagination({
-            showRefresh: true,  // 隐藏刷新按钮
-            showPageInfo: true, // 隐藏页信息
-            onRefresh: function(pageNumber, pageSize){
-                let newData = createMockData(300);
-                $('#dg').datagrid('loadData', newData);
-
-                $('#dg').datagrid('clearSelections');
-                $('#dg').datagrid('clearChecked');
-            }
-        });
+    data: createMockData(100)
+});
+// 2. 获取分页控件并绑定事件
+var pager = $('#dg').datagrid('getPager');
+pager.pagination({
+    showRefresh: false, 
+    showPageList: false, 
+    onBeforeRefresh: function(){
+        console.log('onBeforeRefresh triggered');
+    },
+    onRefresh: function(pageNumber, pageSize){
+        console.log('onRefresh triggered', pageNumber, pageSize);
+        // 刷新数据
+        var newData = createMockData(300);
+        $('#dg').datagrid('loadData', newData);
+        $('#dg').datagrid('clearSelections');
+        $('#dg').datagrid('clearChecked');
     }
 });