请教：关于自定义ajax获取后台数据并实现分页显示

nj_jarvis

这个帖子：http://docs.wex5.com/wex5-ui-question-list-2028/，自定义ajax获取后台数据并实现分页显示，是不是也是一下子把服务器上的数据都传下来放到Data中，只是在前台显示的时候，做了部分分页加载？

谢谢！

要不，如果是分页从网络获取数据，应该需要HTTP接口配合着写吧？请高手指教。

liangyongfei

并不是把所有的数据全部传到前台！而是点击下一页的时候才去后台加载的数据！
但是要求所有数据的总行数一定要返回给前台Data !这样点击下一页的时候才会请求后台！
你需要吧offset 和 limit 的值传到后台，表示从第几条数据开始加载多少条数据！

nj_jarvis

非常感谢，还有一个问题请教：

modelParamsReceive的调用次序在dataCustomRefresh后面，我们在dataCustomRefresh里面通过ajax获取后台数据，但是需要的参数需要从上一个页面传过来，然后在modelParamsReceive里面获取。怎么办呢？谢谢！

liangyongfei

nj_jarvis 发表于 2016-8-11 14:13
非常感谢，还有一个问题请教：

modelParamsReceive的调用次序在dataCustomRefresh后面，我们在dataCustomR ...

把data组件和list组件的autoLoad设置为false !
在modelParamsReceive 事件中通过调用data.refreshData() 来刷新data组件！

nj_jarvis

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
{
    // "@type" - 类型标识，"table"表明这个JSON是一个table结构的数据
    "@type" : "table",
    // "userdata" - table的元信息
    "userdata" : {
        // "idColumnName" - ID列的名称
        "idColumnName" : "fID",
        // "idColumnType" - ID列的数据类型
        "idColumnType" : "String",

        /**********可以在下面列定义中包含包含ID列，并忽略ID列定义**********/
        // "relationAlias" - 列名，以逗号分隔
        "relationAlias" : "fAddress,fContent,fCreateTime,fPhoneNumber,fSum,fUserID,fUserName",
        // "relationTypes" - 列数据类型，与上面的列名对应，
        // 支持的类型有String、Integer、Long、Float、Double、Decimal、Boolean、Date、Time、DateTime
        "relationTypes" : "String,String,DateTime,String,Float,String,String",

        // "sys.count" - 总行数，用于分页的页数计算，仅当返回第一页数据（offset==0）时需要返回总行数
        "sys.count" : 2,

        /**********以下元信息只对BeX5的BizData组件有效，WeX5中可以忽略**********/
        // "idColumnDefine" - ID列的关系名称，用于指出列对应的概念和关系
        "idColumnDefine" : "fID",
        // "relations" - 列关系名称，用于指出列对应的概念和关系
        "relations" : "fAddress,fContent,fCreateTime,fPhoneNumber,fSum,fUserID,fUserName",
        // "model" - 数据模块，用于指出概念映射的data模块路径
        "model" : "",
        // "updateMode" - 更新模式，指定数据保存时的乐观锁机制（whereVersion或whereAll）
        "updateMode" : "whereVersion"
    },
    // "rows" - 行数据数组
    "rows" : [
        // 第一行数据，每一行数据都是一个JSON结构
        {
            // "fAddress" - fAddress是列名，后面的JSON数据是fAddress字段的值
            "fAddress" : {
                "value" : "北京朝阳区东三环南路98号高和蓝峰大厦18层1802室"
            },
            "fContent" : {
                "value" : "土豆炖牛肉套餐(1) 老北京烤鸭套餐(1) "
            },
            "fCreateTime" : {
                // 注意日期时间类型的数据格式
                // 日期"yyyy-MM-dd"、时间"hh:mm:ss.fff"、日期时间"yyyy-MM-ddThh:mm:ss.fffZ"
                "value" : "2015-03-04T16:45:49.000Z"
            },
            // "fPhoneNumber" - fPhoneNumber是列名，后面的JSON数据是fName字段的值
            // 修改过的值数据包含value、originalValue和changed
            "fPhoneNumber" : {
                // "value" - 列值
                "value" : "010-59798677",
                // "originalValue" - 列修改前的原值，仅当changed==1时有效
                "originalValue" : "400-017-8677",
                // "changed" - 列数据是否被修改（0或1）
                "changed" : 1
            },
            "fSum" : {
                "value" : 80
            },
            "fUserID" : {
                "value" : "user"
            },
            "fUserName" : {
                "value" : "马先生"
            },
            // "userdata" - 行的元信息
            "userdata" : {
                // "isModified" - 行数据是否被修改
                "isModified" : true,
                // "recordState" - 行编辑状态（ new、edit、delete、none），仅当isModified==true时有效
                "recordState" : "edit",
                // "id" - ID列的值数据
                // 未修改的值数据只包含value，修改过的值数据包含value、originalValue和changed
                "id" : {
                    "value" : "C684CA403A4000017A8FBAB093D01B65"
                }
            }
        },
        // 第二行数据
        {
            "fAddress" : {
                "value" : "北京朝阳区东三环南路98号高和蓝峰大厦18层1802室"
            },
            "fContent" : {
                "value" : "剁椒鱼头套餐(1) 宫爆鸡丁(1) "
            },
            "fCreateTime" : {
                "value" : "2015-03-04T16:45:44.000Z"
            },
            "fPhoneNumber" : {
                "value" : "400-017-8677"
            },
            "fSum" : {
                "value" : 61
            },
            "fUserID" : {
                "value" : "user"
            },
            "fUserName" : {
                "value" : "马先生"
            },
            "userdata" : {
                "isModified" : false,
                "id" : {
                    "value" : "C684CA3EF930000156201E203200CD80"
                }
            }
        }
        // ......
    ]
}

请问分页显示，自定义AJAX获取数据，32个字符的id填什么？
另外，将JSON给DATA的时候是用什么函数，newData or loadDat? 具体格式怎么写？谢谢

jkshare

后端使用分页类
前端加一个页码参数，很容易解决

jkshare

nj_jarvis 发表于 2016-9-10 15:21
1
2
3

load

每次获取之前必须先清空一次，如果不想数据量太大的话

hecr

>>modelParamsReceive的调用次序在dataCustomRefresh后面，我们在dataCustomRefresh里面通过ajax获取后台数据，但是需要的参数需要从上一个   页面传过来，然后在modelParamsReceive里面获取。怎么办呢？谢谢！

虽然dataCustomrefresh先执行， 但在dataCustomRefresh中可以通过this.params的方式来获取参数（注： 在页面内的任何事件中，都可以通过this.params获取参数）