TestLayout.js
8.17 KB
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
//模拟动态数据
cc.Class({
extends: cc.Component,
statics: {
layout4Page: {
id: 121,//每个页面对应一个pageId,后台创建下发生成
name: "首页",//page layout名称
code: "eb954b1e-712e-415c-ba27-ddcf60f64adf",//每个页面对应一个pageCode,后台创建生成
layout: "absolute",//页面整理布局,非必填字段
children: [
{
"name": "Navigator",/* 左侧导航 */
"layout": "vertical",//浮动式垂直布局
"position": [44, 98],//框架的起始坐标
"childrenSize": [166, 94],//子元素尺寸
"childrenMargin": [0, 0, 3, 0],//子元素边距
"dataContainer": "promotion_list",//列表名称
"data": {/* 对于数据比较少的采取这种方式或者本地数据 */
"name": "Navigator",
"resultSet": [
{
"name": "recommend",//项名称 填写比较规范
"tvlink": '{"click": [{"action": "changeLayout","parameters": {"layoutPath": "layout/waterfall_recommend.json"}}]}',//项动作
"type": "promotion_item",//项类型 非必填
"imageURL": "image/navigator/recommend.png",//项图片路径
"top": 120,
"left": 100,
},
{
"name": "three2six",
"tvlink": '{"click": [{"action": "changeLayout","parameters": {"layoutPath": "layout/waterfall_three2six.json"}}]}',
"type": "promotion_item",
"imageURL": "image/navigator/three2six.png",
"top": 240,
"left": 100,
},
{
"name": "primarySchool",
"tvlink": '{"click": [{"action": "changeLayout","parameters": {"layoutPath": "layout/waterfall_primarySchool.json"}}]}',
"type": "promotion_item",
"imageURL": "image/navigator/primary.png",
"top": 360,
"left": 100,
},
{
"name": "course",
"tvlink": '{"click": [{"action": "changeLayout","parameters": {"layoutPath": "layout/waterfall_course.json"}}]}',
"type": "promotion_item",
"imageURL": "image/navigator/course.png",
"top": 480,
"left": 100,
},
{
"name": "parent",
"tvlink": '{"click": [{"action": "changeLayout","parameters": {"layoutPath": "layout/waterfall_parent.json"}}]}',
"type": "promotion_item",
"imageURL": "image/navigator/parent.png",
"top": 600,
"left": 100,
}
]
},
// "dataSrc" : "layout/navigator.json",
"dataTmpl": "tmplNavigator",//数据渲染jsrender模板
"cellName": "navigator_list_cell"//渲染元素class和id前缀
},
{
"name": "Additional",/* 我的、搜索、历史 - 在右上角 */
"layout": "absolute",//绝对布局
"position": [0, 0],//框架的起点坐标
"focusstatus": 2,//列表元素焦点状态位,默认是0
"dataContainer": "addition_list",//列表容器id
"data": {//数据列表
"name": "Addition",//模块名称
"resultSet": [
{
"name": "我的",
"left": 822,
"top": 19,
"width": 137,
"height": 65,
"tvlink": "{click: [{action: 'changeUI',parameters: {uiName: 'collection'}}]}",
"type" : "promotion_item",
"imageURL": "image/addition/my.png"
},
{
"name": "历史",
"left": 965,
"top": 19,
"width": 137,
"height": 65,
"tvlink": "{click: [{action: 'changeUI',parameters: {uiName: 'history'}}]}",
"type" : "promotion_item",
"imageURL": "image/addition/history.png"
},
{
"name": "搜索",
"left": 1108,
"top": 19,
"width": 137,
"height": 65,
"tvlink": "{click: [{action: 'changeUI',parameters: {uiName: 'search'}}]}",
"type" : "promotion_item",
"imageURL": "image/addition/search.png"
}
]
},
//"dataSrc" : "layout/addition.json",
"dataTmpl": "tmplAddition",
"cellName": "addition_list_cell"
},
{
"name": "WaterFall",/* 右侧瀑布流 */
"layout": "abosolute",
"position": [207, 78],
"width": 1100,//框架宽度
"height": 642,//框架高度
"extraClass": "move_transition",
"dataContainer": "waterfall_list_wrapper",
"data": {
"name": "WaterFallList",
"resultSet": [
{
"name": "WaterFallList",
"layout": "absolute",
"position": [20, 20],//这里是根据上下文拿
"disable": true,//是否是焦点控件
"containerId": "waterfall_list",//个性化元素id
"dataContainer": "waterfall_list",
"hasChildFrame": true,//是否有子框架
"frozen": true,//是否冻结获得的框架数据,在后续适当时机再解除冻结,继续渲染框架和数据 true 冻结 false 不冻结
"data": [],
"dataSrc": "layout/waterfall_recommend.json",//在没有data的情况下,dataSrc生效,并且成为请求数据路径的参考,是否要在远程服务器地址,视页面情况而定
"dataTmpl": "tmplPromotionGroup",//渲染jsrender模板
"cellName": "group_list",//同上
"childLayout": "absolute",//子元素布局,子元素框架可继承父元素框架
"childDataTmpl": "tmplPromotionGroupCell",//子元素渲染的jsrender模板
"childFramePath": "layout/recommend/"//子元素渲染框架路径
}
]
},
"dataTmpl": "tmplPromotionGroupCell2",//jsrender渲染模板
"cellName": "waterfall_list"//同上
}
]
},
}
});