...
列表插件展示的内容,由咱们选择的模型场景决定,所以需要配置的重中之重就是插件的名称、模型、场景
名称:展示在组合插件的tab中的文字内容
模型、场景根据数据需要填写
名称:列表插件的展示名称(在组合插件中为tab的文字内容)
列表模型:根据数据需要填写
列表场景:根据数据需要填写(注意,在首页展示列表数据时,通常对列表的样式有一些特殊要求,比如不展示过滤条件等,建议继承数据场景新增一个首页专用场景,便于配置首页专用样式)
过滤条件:对场景中需要展示的数据进行过滤,无需要可不配置过滤条件:对场景中需要展示的数据进行过滤,无需要可不填
操作定义:点击组合插件当前tab右上角按钮的定义,包括按钮展示名称\跳转链接,无需要可不配置
操作定义配置示例:”common_model_category_list“是页面场景,"model"、"meta_state"是数据对应的模型场景
代码块 |
---|
{ "key": "index_0", "func": "=function() {rootScope.super_go('common_model_category_list', {meta_state: 'todoMessage', model: 'Message'})}", "label": "更多" } |
示例配置:
3.配置待办分页的角标
整体示例配置及效果:
附:常用首页的列表插件list_config样式参考,注意middle_left_area和middle_right_area对应的字段key根据需要进行替换
样式:
代码块 |
---|
"list_config": {
"view": {
"pc": "homepage"
},
"customCellClass": "=function(_row,_col){return 'flex-h-space'}",
"homepage_meta": {
"hide_label": true,
"border_bottom_hide": true,
"content": {
"showPoint": [
"middle_left_area"
],
"middle_left_area": [{
"class": "font-12 one-ellipsis flex-1-1-auto ellipsis-text",
"key": "content"
}],
"middle_right_area": [{
"class": "font-12 gray-600 margin-12",
"key": "send_date",
"type": "timeFormatTwo"
}]
},
"class": {
"middle_left_area": "flex-1-1-auto ellipsis-text flex-nowrap",
"middle_right_area": "ellipsis-text flex-0-0-auto"
},
"dynamic_template": true
},
"paging": {
"page_size": 10
}
}, "list_config": {
"customCellClass": "=function(_row,_col){return 'flex-h-space'}",
"homepage_meta": {
"hide_label": true,
"border_bottom_hide": true,
"content": {
"showPoint": [
"middle_left_area"
],
"middle_left_area": [{
"class": "font-12 one-ellipsis flex-1-1-auto ellipsis-text",
"key": "content"
}],
"middle_right_area": [{
"class": "font-12 gray-600 margin-12",
"key": "send_date",
"type": "timeFormatTwo"
}]
},
"class": {
"middle_left_area": "flex-1-1-auto ellipsis-text flex-nowrap",
"middle_right_area": "ellipsis-text flex-0-0-auto"
},
"dynamic_template": true
},
"paging": {
"page_size": 10
}
} |
3.配置分页的角标(不需要角标可以不配置)
因为角标数量是需要才进行展示,所以需要进行一下特殊配置因为角标数量是才需要进行展示,所以需要进行一下特殊配置
到待办对应的Message模型下,homepage场景中,将如下内容粘贴到list元数据的hooks里:
...