下拉列表控件(spinner)

下拉列表控件介绍

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

属性-entries

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

    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();

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

函数-getSelectedItemPosition

获取选中项位置,返回integer,注意起始位置为0。
参数:
参数名 类型 必填 说明
<template>
    <linear>
        <spinner entries="香蕉|苹果|橘子" id="select"/>
    </linear>
</template>

function main() {
    setupUI();

    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();

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