冰狐智能辅助
首页
文档&下载
移动端
微服务
社区
码农教程
管理中心
关于我们
登录/注册
下拉列表控件(spinner)

下拉列表控件介绍

下拉列表控件(spinner)用于选中多个选项。

属性-entries

数据，用|分割。 支持两种设置方式，1.在template中直接设置；2.使用函数动态设置。 
<template>
    <linear>
        <spinner id="demo" entries="香蕉|苹果|橘子"/>
    </linear>
</template>

function main() {
    setupUI();
}

function onUIResume() {
    ui('demo').setData('香蕉|苹果|橘子');
}

事件-selected

选中事件。 
<template>
    <linear>
        <spinner entries="香蕉|苹果|橘子" onSelected="cbSelected"/>
    </linear>
</template>

function main() {
    setupUI();
}

function cbSelected(text, position) {
    console.log('long click:' + text + '  position:' + position);
}

函数-setSelection

设置选中项。
参数：
参数名 类型 必填 说明
position integer 必填 数据项的位置，第一个数据为0 
<template>
    <linear>
        <spinner entries="香蕉|苹果|橘子" id="select"/>
    </linear>
</template>
function main() {
    setupUI();
}

function onUIResume() {
    var select = ui('select');
    select.setSelection(1);
}

函数-getSelectedItemPosition

获取选中项位置，返回integer，注意起始位置为0。
参数：
参数名 类型 必填 说明 
<template>
    <linear>
        <spinner entries="香蕉|苹果|橘子" id="select"/>
    </linear>
</template>
function main() {
    setupUI();
}

function onUIResume() {
    var select = ui('select');
    var position = select.getSelectedItemPosition();
    console.log('position:' + position);
}

函数-setData

设置数据。
参数：
参数名 类型 必填 说明
data string 必填 数据，每个数据项用|分割 
<template>
    <linear>
        <spinner id="select"/>
    </linear>
</template>
function main() {
    setupUI();
}

function onUIResume() {
    var select = ui('select');
    select.setData('香蕉|苹果|橘子');
}

函数-value

获取/设置选中项，返回string。
参数：
参数名 类型 必填 说明
text/position string/integer 选填 文本或者位置，若不填则表示返回选中文本，填写表示设置选中项 
<template>
    <linear>
        <spinner id="select"/>
    </linear>
</template>

function main() {
    setupUI();
}

function onUIResume() {
   // 获取选中文本
   var text = ui('select').value();
   console.log('获取text:' + text);

    // 设置选中项
    ui('select').value(1);
}