uexSegmentControl查看3.0文档

1、简介

1.1、说明

分段选择器插件

1.2、UI展示
1.3、开源源码

插件测试用例与源码下载:点击插件中心至插件详情页 (插件测试用例与插件源码已经提供)

1.4、平台版本支持

本插件的所有API默认支持Android4.0+iOS7.0+操作系统.

有特殊版本要求的API会在文档中额外说明.

1.5、接口有效性

本插件所有API默认在插件版本4.0.0+可用.

2、API概览

2.1、方法
open //打开分段选择器

uexSegmentControl.open(jsonStr)

说明:

打开分段选择器

参数:

参数名称 参数类型 是否必选 说明
jsonStr String 选择器相关参数设置
var jsonStr = {
    left:,
    top:,
    width:,
    height:,
    dataInfo:{
        allData:[],
        showData:[],
        maxShow:,
        isExpand:,
        expandOpenIcon:,
        expandCloseIcon:,
        showedLable:,
        addLable:
    }
}

各字段含义如下:

字段名称 类型 是否必选 说明
left Number 左间距,默认0
top Number 上间距,默认0
width Number 宽度,默认屏幕宽度
height Number 高度,默认屏幕高度
dataInfo Object 数据关键字
allData Array 所有选择项的集合
showData Array 导航条上显示的选择项的集合
maxShow Number 导航条上最多显示的选择项的个数
isExpand Number 是否支持可扩展的功能,0不会出现扩展按钮,默认1.
expandOpenIcon String 导航条上扩展打开扩展功能的按钮图标
expandCloseIcon String 导航条上扩展关闭扩展功能的按钮图标
showedLable String 扩展栏目的已展示栏目标题
addLable String 扩展栏目的可添加栏目标题

示例:

    var width = window.screen.width;
    var height = window.screen.height - 300;
    var param1 = {
        left:0,
        top:200,
        width:width,
        height:height,
        dataInfo:{
            allData:["头条", "娱乐", "体育", "北京", "财经", "科技", "段子", "图片", "汽车", "时尚",
        "轻松一刻", "军事", "历史", "房产", "游戏", "彩票", "原创", "电台", "论坛", "博客",
        "社会", "电影", "NBA", "中国足球", "国际足球", "CBA", "跑步", "手机",
                        "数码", "移动互联", "家居", "旅游", "健康", "读书", "酒香", "教育", "亲子", "葡萄酒",
                        "暴雪游戏", "情感", "政务"],
            showData:["头条", "娱乐", "体育", "北京", "NBA","科技", "段子", "旅游", "汽车", "时尚"],
            maxShow:25,
            isExpand:1,
            expandOpenIcon:'res://openIcon.png',
            expandCloseIcon:'res://closeIcon.png',
            showedLable:'我的频道',
            addLable:'点击添加'
        }
    };
    uexSegmentControl.open(param1);

运行效果: 默认打开状态:

点击按钮进入选择编辑状态:

close //关闭分段选择器

uexSegmentControl.close()

说明:

关闭分段选择器

参数:

示例:

    uexSegmentControl.close()
setCurrentItem //设置当前选中项

uexSegmentControl.setCurrentItem(jsonStr)

说明:

设置当前选中项

参数:

参数名称 参数类型 是否必选 说明
jsonStr String 设置当前选中项相关参数,形式见下:
var jsonStr = {
    index:
}

各字段含义如下:

字段名称 类型 是否必选 说明
index Number 索引

示例:

    var param = {
        index:0
    };
    uexSegmentControl.setCurrentItem(param);
2.2、监听方法
onItemClick //item被点击的监听方法

uexSegmentControl.onItemClick(jsonObj);

参数:

参数名称 参数类型 是否必选 说明
jsonObj jsonObject 回调数据
var jsonObj = {
    index:,
    name:
}

各字段含义如下:

字段名称 类型 说明
index Number 被点击的元素的索引
name String 被点击的元素的名称

示例:

    uexSegmentControl.onItemClick = function(jsonObj){
        var index = jsonObj.index;
        var name = jsonObj.name;
        alert(index + "," + name);
    }
onDataChange //数据发生变化的监听方法

uexSegmentControl.onDataChange(jsonObj);

说明 数据发生变化的监听方法

参数:

参数名称 参数类型 是否必选 说明
jsonObj jsonObject 回调数据
var jsonObj = {
    shows:[]
}

各字段含义如下:

字段名称 类型 说明
shows Array 当前显示在导航条上的选择项集合

示例:

    uexSegmentControl.onDataChange = function(jsonObj){
        alert(JSON.stringify(jsonObj));
    }

3、更新历史

iOS

API版本: uexSegmentControl-4.0.0

最近更新时间:2016-3-2

历史发布版本 更新内容
Android

API版本: uexSegmentControl-4.0.0

最近更新时间:2016-4-13

历史发布版本 更新内容
还需要帮助吗? 联系我们
最新更新 24th Nov 2016