dragList

立即使用

概述

本模块封装了拖拽排序列表功能

open

打开列表页面

open({params}, callback(ret))

params

rect:

  • 类型:JSON 对象
  • 描述:(可选项)模块的位置及尺寸
  • 内部字段:
{
    x: 0,   //(可选项)数字类型;模块左上角的 x 坐标(相对于所属的 Window 或 Frame);默认:0
    y: 0,   //(可选项)数字类型;模块左上角的 y 坐标(相对于所属的 Window 或 Frame);默认:0
    w: 320, //(可选项)数字类型;模块的宽度;默认:320
    h: 320  //(可选项)数字类型;模块的高度;默认:320
}

datas:

  • 类型:字符串数组类型
  • 描述:列表数据
  • 示例:['推荐','视频','娱乐']

itemSize:

  • 类型:JSON 对象
  • 描述:(可选项)内容框大小设置
  • 内部字段:
{
    w: 100, //(可选项)数字类型;内容框的宽度;默认:100
    h: 45  //(可选项)数字类型;内容框的高度;默认:45
}

styles:

  • 类型:JSON 对象
  • 描述:(可选项)模块各部分的样式
  • 内部字段:
{
    bg: '#FFFFFF',     //(可选项)字符串类型;列表背景色,支持 rgb,rgba,#;默认:'#FFFFFF'
    textColor: '#6E6E6E', //(可选项)字符串类型;文字颜色,支持 rgb,rgba,#;默认:'#6E6E6E'
    font:12,         //(可选项)数字类型;文字大小;默认:15
       cornerRadius:5,         //(可选项)数字类型;圆角大小;默认:5
       borderWidth:1,         //(可选项)数字类型;边框大小;默认:1
       borderColor: '#6E6E6E', //(可选项)字符串类型;边框颜色,支持 rgb,rgba,#;默认:'#6E6E6E'
       lineSpacing:10,         //(可选项)数字类型;内容框上下距离;默认:10
       interitemSpacing:10,         //(可选项)数字类型;内容框左右距离;默认:10(androiid 如能平分间隔则平分间隔)


}

column:

  • 类型:数字类型
  • 描述:(可选项)每行多少列(仅android支持)
  • 默认:4

fixedOn:

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

fixed:

  • 类型:布尔
  • 描述:(可选项)是否将模块视图固定到窗口上(不跟随窗口上下滚动)
  • 默认:true

callback(ret)

ret:

  • 类型:JSON 对象
  • 内部字段:
{
    state:'', //字符串类型,事件类型
                         //delete:点击内容框删除按钮
                         //click:点击内容框
                         //sort:排序
    text:'',         //字符串类型;内容框内容;state =  click、delete返回     
    index:0,      //数字类型;内容框内容;state =   click 、delete返回                              
    datas:[]      // 字符串内容,排序后的内容;state =   sort返回                               
}

示例代码

var dragList = api.require('dragList');
dragList.open({
},function(ret) {
  if (ret) {
    alert(JSON.stringify(ret));
  }
});

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

close

关闭列表页面

close()

示例代码

var dragList = api.require('dragList');
dragList.close();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

hide

隐藏列表页面

hide()

示例代码

var dragList = api.require('dragList');
dragList.hide();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

show

显示列表页面

show()

示例代码

var dragList = api.require('dragList');
dragList.show();

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

edit

打开/关闭编辑状态

edit({params})

params

isEditing:

  • 类型:布尔
  • 描述:(可选项)打开/关闭编辑状态;true:打开,false:关闭
  • 默认:true

示例代码

var dragList = api.require('dragList');
dragList.edit({
  isEditing:true
});

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本

delete

删除某一内容

delete({params})

params

index:

  • 类型:数字
  • 描述:删除的内容

示例代码

var dragList = api.require('dragList');
dragList.delete({
  index:0
});

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本