dragList

Method

open

hide

show

edit

delete

概述

本插件封装了拖拽排序列表功能

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) {
    api.alert({
            msg: 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及更高版本

是否仍需要帮助？请保持联络！

最后更新于 2024/07/22