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及更高版本