slipList

立即使用

open close reloadData deleteItem insertItem refreshItem appendData setRefreshHeader setRefreshFooter show hide

概述

slipList 封装了一个列表控件,可实现一个可左右拖动item的列表视图。开发者可根据需求自定义列表的元素布局,亦可自定义相关字段的样式。支持设置下拉刷新和上拉加载更多事件。支持删除、刷新、插入指定下标(index)的item数据。本模块是由第三方模块开发者提供,使用本模块需在线云编译安装包 注意:该模块已停止更新及维护,建议使用其他列表模块

图片说明

open

打开

open({params}, callback(ret, err))

params

x:

  • 类型:数字
  • 默认值:0
  • 描述:列表视图的左上角点的坐标,可为空

y:

  • 类型:数字
  • 默认值:64
  • 描述:列表视图的左上角点的坐标,可为空

w:

  • 类型:数字
  • 默认值:当前设备屏幕宽度
  • 描述:列表视图的宽,可为空

h:

  • 类型:数字
  • 默认值:w+100
  • 描述:列表视图的高,可为空

leftBtn:

  • 类型:数组对象
  • 默认值:无
  • 描述:往右滑动 item 露出的按钮组成的数组,可为空,为空时则表示 item 不可向右滑动

内部字段:

  1. [{
  2. bg: //按钮背景色,支持 rgb,rgba,#,默认#ee8262,可为空
  3. title: //按钮名字,字符串类型,默认‘按钮’,可为空
  4. titleSize: //按钮标题大小,数字类型,默认13,可为空
  5. titleColor: //按钮标题颜色,支持 rgb,rgba,#,默认#ffffff,可为空
  6. selectedColor//按钮选中时候的颜色值,支持 rgb,rgba,#,可为空,为空则无选中变化
  7. }]

leftBg:

  • 类型:字符串
  • 默认值:#5cacee
  • 描述:往右滑动item露出的视图的背景色,支持 rgb,rgba,#,可为空

rightBtn:

  • 类型:数组对象
  • 默认值:无
  • 描述:往左滑动item露出的按钮组成的数字,可为空,为空时则表示item不可向左滑动

内部字段:

  1. [{
  2. bg: //按钮背景色,支持 rgb,rgba,#,默认#388e8e,可为空
  3. title: //按钮名字,字符串类型,默认‘按钮’,可为空
  4. titleColor: //按钮标题颜色,支持 rgb,rgba,#,默认#ffffff,可为空
  5. selectedColor//按钮选中时候的颜色值,支持 rgb,rgba,#,可为空,为空则无选中变化
  6. }]

rightBg:

  • 类型:字符串
  • 默认值:#6c7b8b
  • 描述:往左滑动item露出的视图的背景色,支持 rgb,rgba,#,可为空

itemStyle:

  • 类型:JSON 对象
  • 默认值:见内部字段
  • 描述:item样式配置,可为空

内部字段:

  1. {
  2. borderColor: //item间分割线颜色,支持 rgb,rgba,#,默认#696969,可为空
  3. bgColor: //item背景色,支持 rgb,rgba,#,默认#AFEEEE,可为空
  4. selectedColor//item背景选中色,支持 rgb,rgba,#,默认#f5f5f5可为空
  5. height: //一条item的高度,数字类型,默认55,可为空
  6. avatarH//头像(上下居中)的高(不可超过height),数字类型,默认45,可为空
  7. avatarW: //头像(距左边框距离和上下相等)的宽,数字类型,默认45,可为空
  8. placeholderImg//头像为网络资源时的占位图,仅支持本地路径协议,有默认图标,可为空
  9. titleSize//标题字体大小,数字类型,默认10,可为空
  10. titleColor //标题字体颜色,支持 rgb,rgba,#,默认:#696969,可为空
  11. headlineSize//大标题字体大小,数字类型,默认15,可为空
  12. headlineColor //大标题字体颜色,支持 rgb,rgba,#,默认:#388e8e,可为空
  13. subTitleSize //子标题字体大小,数字类型,默认13,可为空
  14. subTitleColor //子标题字体颜色,支持 rgb,rgba,#,默认:#000000,可为空
  15. remarkSize: //备注字体的大学,数字类型,默认15,可为空
  16. remarkColor: //备注字体的颜色,支持 rgb,rgba,#,默认#696969,可为空
  17. remarkMargin //备注距离右边的边距,数字类型,默认10,可为空
  18. }

datas:

  • 类型:数组对象
  • 默认值:无
  • 描述:数据源,可为空

内部字段:

  1. [{
  2. img: //头像图片路径,支持本地和网络路径资源,网络图片会被缓存到本地,可为空若为空,则item内其余内容占位(与边框距离和remarkMargin一致)显示
  3. title: //标题,字符串类型,可为空,为空时不显示
  4. headline: //大标题,可为空,为空时不显示,且subTitleIcon和sutTitle占位显示
  5. subTitle//子标题,字符串类型,可为空,为空时不显示
  6. remark//备注,字符串类型,可为空,为空时不显示
  7. titleIcon: //标题icon图片路径,仅支持本地协议,可为空,为空则不显示且title占位显示
  8. subTitleIcon//小标题icon图片路径,本地路径,可为空,若空不显示且subTitle占位显示
  9. }]

fixedOn:

  • 类型:字符串类型
  • 描述:(可选项)模块视图添加到指定 frame 的名字(只指 frame,传 window 无效)
  • 默认:模块依附于当前 window

fixed:

  • 类型:布尔
  • 默认值:true
  • 描述:是否将模块视图固定到窗口上,不跟随窗口上下滚动,可为空

callback(ret, err)

ret:

  • 类型:JSON 对象

内部字段:

  1. {
  2. eventType: //事件类型,取值范围如下:
  3. item:点击的item
  4. leftBtn:点击的左边按钮
  5. rightBtn点击右边按钮
  6. index: //点击item的下标
  7. btnIndex//点击item下的侧滑按钮下标
  8. }

示例代码

  1. var slipList = api.require('slipList');
  2. slipList.open({
  3. datas: [{
  4. img: 'widget://res/img/ic/sliplist.jpg',
  5. title: '12:00',
  6. headline: '刘德华',
  7. subTitle: 'APICloud粉丝见面会',
  8. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  9. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  10. remark: '完成'
  11. }, {
  12. img: 'widget://res/img/ic/sliplist.jpg',
  13. title: '12:00',
  14. headline: '刘德华',
  15. subTitle: 'APICloud粉丝见面会',
  16. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  17. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  18. remark: '完成'
  19. }, {
  20. img: 'widget://res/img/ic/sliplist.jpg',
  21. title: '12:00',
  22. headline: '刘德华',
  23. subTitle: 'APICloud粉丝见面会',
  24. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  25. remark: '完成'
  26. }, {
  27. img: 'widget://res/img/ic/sliplist.jpg',
  28. title: '12:00',
  29. headline: '刘德华',
  30. subTitle: 'APICloud粉丝见面会',
  31. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  32. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  33. remark: '完成'
  34. }, {
  35. img: 'widget://res/img/ic/sliplist.jpg',
  36. title: '12:00',
  37. headline: '刘德华',
  38. subTitle: 'APICloud粉丝见面会',
  39. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  40. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  41. remark: '完成'
  42. }, {
  43. img: 'widget://res/img/ic/sliplist.jpg',
  44. title: '12:00',
  45. headline: '刘德华',
  46. subTitle: 'APICloud粉丝见面会',
  47. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  48. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  49. remark: '完成'
  50. }, {
  51. img: 'widget://res/img/ic/sliplist.jpg',
  52. title: '12:00',
  53. headline: '刘德华',
  54. subTitle: 'APICloud粉丝见面会',
  55. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  56. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  57. remark: '完成'
  58. }, {
  59. img: 'widget://res/img/ic/sliplist.jpg',
  60. title: '12:00',
  61. headline: '刘德华',
  62. subTitle: 'APICloud粉丝见面会',
  63. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  64. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  65. remark: '完成'
  66. }, {
  67. img: 'widget://res/img/ic/sliplist.jpg',
  68. title: '12:00',
  69. headline: '刘德华',
  70. subTitle: 'APICloud粉丝见面会',
  71. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  72. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  73. remark: '完成'
  74. }, {
  75. img: 'widget://res/img/ic/sliplist.jpg',
  76. title: '12:00',
  77. headline: '刘德华',
  78. subTitle: 'APICloud粉丝见面会',
  79. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  80. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  81. remark: '完成'
  82. }, {
  83. img: 'widget://res/img/ic/sliplist.jpg',
  84. title: '12:00',
  85. headline: '刘德华',
  86. subTitle: 'APICloud粉丝见面会',
  87. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  88. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  89. remark: '完成'
  90. }]
  91. }, function(ret, err) {
  92. if (ret) {
  93. alert(JSON.stringify(ret));
  94. } else {
  95. alert(JSON.stringify(err));
  96. }
  97. });

补充说明

打开列表视图

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

close

关闭slipList列表视图

close()

示例代码

  1. var slipList = api.require('slipList');
  2. slipList.close();

补充说明

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

reloadData

刷新列表数据

reloadData({params})

params

datas:

  • 类型:数组对象
  • 默认值:无
  • 描述:数据源,可为空,为空时仅停止下拉刷新状态

内部字段:

  1. [{
  2. img: //头像图片路径,支持本地和网络路径资源,网络图片会被缓存到本地,可为空若为空,则item内其余内容占位(与边框距离和remarkMargin一致)显示
  3. title: //标题,字符串类型,可为空,为空时不显示
  4. headline: //大标题,可为空,为空时不显示,且subTitleIcon和sutTitle占位显示
  5. subTitle//子标题,字符串类型,可为空,为空时不显示
  6. remark //备注,字符串类型,可为空,为空时不显示
  7. titleIcon: //标题icon图片路径,仅支持本地协议,可为空,为空则不显示且title占位显示
  8. subTitleIcon//小标题icon图片路径,本地路径,可为空,若空不显示且subTitle占位显示
  9. }]

示例代码

  1. var slipList = api.require('slipList');
  2. slipList.reloadData({
  3. datas: [{
  4. img: 'widget://res/img/ic/sliplist.jpg',
  5. title: '12:00',
  6. headline: '张学友',
  7. subTitle: 'APICloud粉丝交流会',
  8. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  9. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  10. remark: '完成'
  11. }, {
  12. img: 'widget://res/img/ic/sliplist.jpg',
  13. title: '12:00',
  14. headline: '张学友',
  15. subTitle: 'APICloud粉丝交流会',
  16. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  17. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  18. remark: '完成'
  19. }, {
  20. img: 'widget://res/img/ic/sliplist.jpg',
  21. title: '12:00',
  22. headline: '张学友',
  23. subTitle: 'APICloud粉丝交流会',
  24. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  25. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  26. remark: '完成'
  27. }, {
  28. img: 'widget://res/img/ic/sliplist.jpg',
  29. title: '12:00',
  30. headline: '张学友',
  31. subTitle: 'APICloud粉丝交流会',
  32. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  33. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  34. remark: '完成'
  35. }, {
  36. img: 'widget://res/img/ic/sliplist.jpg',
  37. title: '12:00',
  38. headline: '张学友',
  39. subTitle: 'APICloud粉丝交流会',
  40. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  41. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  42. remark: '完成'
  43. }, {
  44. img: 'widget://res/img/ic/sliplist.jpg',
  45. title: '12:00',
  46. headline: '张学友',
  47. subTitle: 'APICloud粉丝交流会',
  48. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  49. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  50. remark: '完成'
  51. }, {
  52. img: 'widget://res/img/ic/sliplist.jpg',
  53. title: '12:00',
  54. headline: '张学友',
  55. subTitle: 'APICloud粉丝交流会',
  56. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  57. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  58. remark: '完成'
  59. }, {
  60. img: 'widget://res/img/ic/sliplist.jpg',
  61. title: '12:00',
  62. headline: '张学友',
  63. subTitle: 'APICloud粉丝交流会',
  64. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  65. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  66. remark: '完成'
  67. }, {
  68. img: 'widget://res/img/ic/sliplist.jpg',
  69. title: '12:00',
  70. headline: '张学友',
  71. subTitle: 'APICloud粉丝交流会',
  72. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  73. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  74. remark: '完成'
  75. }, {
  76. img: 'widget://res/img/ic/sliplist.jpg',
  77. title: '12:00',
  78. headline: '张学友',
  79. subTitle: 'APICloud粉丝交流会',
  80. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  81. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  82. remark: '完成'
  83. }, {
  84. img: 'widget://res/img/ic/sliplist.jpg',
  85. title: '12:00',
  86. headline: '张学友',
  87. subTitle: 'APICloud粉丝交流会',
  88. titleIcon: 'widget://res/img/ic/slipList_watch.png',
  89. subTitleIcon: 'widget://res/img/ic/slipList_star.png',
  90. remark: '完成'
  91. }]
  92. });

补充说明

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

deleteItem

删除指定索引的数据

deleteItem({params})

params

index:

  • 类型:数字
  • 默认值:无
  • 描述:要删除的数据的索引下标,可为空,为空则删除最后一条数据

示例代码

  1. var slipList = api.require('slipList');
  2. slipList.deleteItem({
  3. index: 2
  4. });

补充说明

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

insertItem

插入指定索引的数据

insertItem({params})

params

index:

  • 类型:数字
  • 默认值:无
  • 描述:要插入的数据的索引下标,可为空,为空则拼接到最后一条数据

data:

  • 类型:JSON 对象
  • 默认值:无
  • 描述:数据源,不可为空

内部字段:

  1. {
  2. img: //头像图片路径,支持本地和网络路径资源,网络图片会被缓存到本地,可为空若为空,则 item 内其余内容占位(与边框距离和remarkMargin一致)显示
  3. title: //标题,字符串类型,可为空,为空时不显示
  4. headline: //大标题,可为空,为空时不显示,且subTitleIcon和sutTitle占位显示
  5. subTitle //子标题,字符串类型,可为空,为空时不显示
  6. remark //备注,字符串类型,可为空,为空时不显示
  7. titleIcon: //标题icon图片路径,仅支持本地协议,可为空,为空则不显示且title占位显示
  8. subTitleIcon //小标题icon图片路径,本地路径,可为空,若空不显示且subTitle占位显示
  9. }

示例代码

  1. var slipList = api.require('slipList');
  2. slipList.insertItem({
  3. index: 2,
  4. data: {
  5. img: 'http://d.hiphotos.baidu.com/image/pic/item/4d086e061d950a7b29a788c209d162d9f2d3c922.jpg ',
  6. title: '12:00',
  7. headline: '小张',
  8. subTitle: 'APICloud粉丝互动会',
  9. titleIcon: 'widget://image/slipList_watch.png',
  10. subTitleIcon: 'widget://image/slipList_star.png',
  11. remark: '完成'
  12. }
  13. });

补充说明

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

refreshItem

刷新指定index条目的数据

refreshItem({params})

params

index:

  • 类型:数字
  • 默认值:无
  • 描述:要刷新数据的item索引下标,可为空,为空则不刷新

data:

  • 类型:JSON 对象
  • 默认值:无
  • 描述:数据源,不可为空

内部字段:

  1. {
  2. img: //头像图片路径,支持本地和网络路径资源,网络图片会被缓存到本地,可为空若为空,则item内其余内容占位(与边框距离和remarkMargin一致)显示
  3. title: //标题,字符串类型,可为空,为空时不显示
  4. headline: //大标题,可为空,为空时不显示,且subTitleIcon和sutTitle占位显示
  5. subTitle //子标题,字符串类型,可为空,为空时不显示
  6. remark //备注,字符串类型,可为空,为空时不显示
  7. titleIcon: //标题icon图片路径,仅支持本地协议,可为空,为空则不显示且title占位显示
  8. subTitleIcon //小标题icon图片路径,本地路径,可为空,若空不显示且subTitle占位显示
  9. }

示例代码

  1. var slipList = api.require('slipList');
  2. slipList.refreshItem({
  3. index: 2,
  4. data: {
  5. img: 'http://d.hiphotos.baidu.com/image/pic/item/4d086e061d950a7b29a788c209d162d9f2d3c922.jpg ',
  6. title: '12:00',
  7. headline: '小张',
  8. subTitle: 'APICloud粉丝互动会',
  9. titleIcon: 'widget://image/slipList_watch.png',
  10. subTitleIcon: 'widget://image/slipList_star.png',
  11. remark: '完成'
  12. }
  13. });

补充说明

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

appendData

往列表拼接数据

appendData({params})

params

datas:

  • 类型:数组对象
  • 默认值:无
  • 描述:数据源,可为空,为空时仅停止上拉加载更多状态

内部字段:

  1. [{
  2. img: //头像图片路径,支持本地和网络路径资源,网络图片会被缓存到本地,可为空若为空,则item内其余内容占位(与边框距离和remarkMargin一致)显示
  3. title: //标题,字符串类型,可为空,为空时不显示
  4. headline: //大标题,可为空,为空时不显示,且subTitleIcon和sutTitle占位显示
  5. subTitle //子标题,字符串类型,可为空,为空时不显示
  6. remark //备注,字符串类型,可为空,为空时不显示
  7. titleIcon: //标题icon图片路径,仅支持本地协议,可为空,为空则不显示且title占位显示
  8. subTitleIcon //小标题icon图片路径,本地路径,可为空,若空不显示且subTitle占位显示
  9. }]

示例代码

  1. var slipList = api.require('slipList');
  2. slipList.appendData({
  3. datas: [{
  4. img: 'widget://res/img/ic/sliplist.jpg',
  5. title: '12:00',
  6. headline: '莱昂纳多',
  7. subTitle: 'APICloud粉丝见面会',
  8. titleIcon: 'widget://image/slipList_watch.png',
  9. subTitleIcon: 'widget://image/slipList_star.png',
  10. remark: '完成'
  11. }, {
  12. img: 'widget://res/img/ic/sliplist.jpg',
  13. title: '12:00',
  14. headline: '莱昂纳多',
  15. subTitle: 'APICloud粉丝见面会',
  16. titleIcon: 'widget://image/slipList_watch.png',
  17. subTitleIcon: 'widget://image/slipList_star.png',
  18. remark: '完成'
  19. }, {
  20. img: 'widget://res/img/ic/sliplist.jpg',
  21. title: '12:00',
  22. headline: '莱昂纳多',
  23. subTitle: 'APICloud粉丝见面会',
  24. titleIcon: 'widget://image/slipList_watch.png',
  25. subTitleIcon: 'widget://image/slipList_star.png',
  26. remark: '完成'
  27. }, {
  28. img: 'widget://res/img/ic/sliplist.jpg',
  29. title: '12:00',
  30. headline: '莱昂纳多',
  31. subTitle: 'APICloud粉丝见面会',
  32. titleIcon: 'widget://image/slipList_watch.png',
  33. subTitleIcon: 'widget://image/slipList_star.png',
  34. remark: '完成'
  35. }, {
  36. img: 'widget://res/img/ic/sliplist.jpg',
  37. title: '12:00',
  38. headline: '莱昂纳多',
  39. subTitle: 'APICloud粉丝见面会',
  40. titleIcon: 'widget://image/slipList_watch.png',
  41. subTitleIcon: 'widget://image/slipList_star.png',
  42. remark: '完成'
  43. }, {
  44. img: 'widget://res/img/ic/sliplist.jpg',
  45. title: '12:00',
  46. headline: '莱昂纳多',
  47. subTitle: 'APICloud粉丝见面会',
  48. titleIcon: 'widget://image/slipList_watch.png',
  49. subTitleIcon: 'widget://image/slipList_star.png',
  50. remark: '完成'
  51. }, {
  52. img: 'widget://res/img/ic/sliplist.jpg',
  53. title: '12:00',
  54. headline: '莱昂纳多',
  55. subTitle: 'APICloud粉丝见面会',
  56. titleIcon: 'widget://image/slipList_watch.png',
  57. subTitleIcon: 'widget://image/slipList_star.png',
  58. remark: '完成'
  59. }, {
  60. img: 'widget://res/img/ic/sliplist.jpg',
  61. title: '12:00',
  62. headline: '莱昂纳多',
  63. subTitle: 'APICloud粉丝见面会',
  64. titleIcon: 'widget://image/slipList_watch.png',
  65. subTitleIcon: 'widget://image/slipList_star.png',
  66. remark: '完成'
  67. }, {
  68. img: 'widget://res/img/ic/sliplist.jpg',
  69. title: '12:00',
  70. headline: '莱昂纳多',
  71. subTitle: 'APICloud粉丝见面会',
  72. titleIcon: 'widget://image/slipList_watch.png',
  73. subTitleIcon: 'widget://image/slipList_star.png',
  74. remark: '完成'
  75. }, {
  76. img: 'widget://res/img/ic/sliplist.jpg',
  77. title: '12:00',
  78. headline: '莱昂纳多',
  79. subTitle: 'APICloud粉丝见面会',
  80. titleIcon: 'widget://image/slipList_watch.png',
  81. subTitleIcon: 'widget://image/slipList_star.png',
  82. remark: '完成'
  83. }, {
  84. img: 'widget://res/img/ic/sliplist.jpg',
  85. title: '12:00',
  86. headline: '莱昂纳多',
  87. subTitle: 'APICloud粉丝见面会',
  88. titleIcon: 'widget://image/slipList_watch.png',
  89. subTitleIcon: 'widget://image/slipList_star.png',
  90. remark: '完成'
  91. }]
  92. });

补充说明

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

setRefreshHeader

设置下拉刷新样式

setRefreshHeader({params} ,callback(ret, err))

params

loadingImg:

  • 类型:字符串
  • 默认值:无
  • 描述:下拉刷新的小箭头本地图片的路径,可为空,为空则不显示箭头图标

bgColor:

  • 类型:字符串
  • 默认值:#f5f5f5
  • 描述:下拉刷新视图的背景色,支持 rgb,rgba,#,可为空

textColor:

  • 类型:字符串
  • 默认值:#8e8e8e
  • 描述:提示文字颜色,支持 rgb,rgba,#,可为空

textDown:

  • 类型;字符串
  • 默认值:下拉可以刷新…
  • 描述;提示文字,可为空

textUp:

  • 类型:字符串
  • 默认值:松开开始刷新…
  • 描述;提示文字,可为空

showTime:

  • 类型:布尔值
  • 默认值:true
  • 描述:是否显示刷新时间,可为空

callback

返回触发刷新事件

示例代码

  1. var slipList = api.require('slipList');
  2. slipList.setRefreshHeader({
  3. loadingImg: 'widget://res/slipList_arrow.png',
  4. bgColor: '#F5F5F5',
  5. textColor: '#8E8E8E',
  6. textDown: '下拉可以刷新...',
  7. textUp: '松开开始刷新...',
  8. showTime: true
  9. }, function(ret, err) {
  10. if (ret) {
  11. alert(JSON.stringify(ret));
  12. } else {
  13. alert(JSON.stringify(err));
  14. }
  15. });

补充说明

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

setRefreshFooter

设置上拉加载更多样式

setRefreshFooter({params} ,callback(ret, err))

params

loadingImg:

  • 类型:字符串
  • 默认值:无
  • 描述:上拉加载更多的小箭头本地图片的路径,可为空,为空则不显示该图标

bgColor:

  • 类型:字符串
  • 默认值:#f5f5f5
  • 描述:上拉加载视图的背景色,支持 rgb,rgba,#,可为空

textColor:

  • 类型:字符串
  • 默认值:#8e8e8e
  • 描述:提示文字颜色,支持 rgb,rgba,#,可为空

textDown:

  • 类型;字符串
  • 默认值:上拉可以加载更多…
  • 描述;提示文字,可为空

textUp:

  • 类型:字符串
  • 默认值:松开开始加载…
  • 描述;提示文字,可为空

showTime:

  • 类型:布尔值
  • 默认值:true
  • 描述:是否显示加载时间,可为空

示例代码

  1. var slipList = api.require('slipList');
  2. slipList.setRefreshFooter({
  3. loadingImg: 'widget://res/slipList_arrow.png',
  4. bgColor: '#F5F5F5',
  5. textColor: '#8E8E8E',
  6. textDown: '上拉可加载更多...',
  7. textUp: '松开开始加载...',
  8. showTime: true
  9. }, function(ret, err) {
  10. if (ret) {
  11. alert(JSON.stringify(ret));
  12. } else {
  13. alert(JSON.stringify(err));
  14. }
  15. });

补充说明

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

show

显示slipList列表视图

show()

示例代码

  1. var slipList = api.require('slipList');
  2. slipList.show();

补充说明

显示已隐藏的列表视图

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

hide

隐藏slipList列表视图

hide()

示例代码

  1. var slipList = api.require('slipList');
  2. slipList.hide();

补充说明

隐藏slipList,并没有从内存里清除

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本