下拉菜单 - spinner
# 下来菜单控件: spinner
## setSelection()
设置选中项
```js
ui.objectId.setSelection(index);
```
## getSelectedItemPosition()
获取选中项
```js
ui.objectId.getSelectedItemPosition();
```
## spinnerMode
{string}
下拉菜单的呈现模式。默认为dropdown下拉菜单形式。
dialog 使用对话框模式菜单来选择spinner选项。
dropdown使用下拉模式菜单来选择spinner选项。
## dropDownHorizontalOffset
{string}
为spinner的选择弹出窗口设置水平偏移。仅在spinnerMode=dropdown时有效。
## dropDownVerticalOffset
{string}
为spinner的选择弹出窗口设置垂直偏移。仅在spinnerMode=dropdown时有效。
## dropDownWidth
{string}
设置spinner的选择弹出窗口的宽度。仅在spinnerMode=dropdown时有效。
## popupBackground
{string}
为spinner的选择弹出窗口设置背景。仅在spinnerMode=dropdown时有效。
## prompt
{string}
设置显示对话框时显示的提示。
## textStyle
{string}
设置spinner当前被选择的项目文本的样式,例如bold(加粗), italic(斜体)等。
## textColor
{string}
设置spinner当前被选择的项目文本的颜色,例如bold(加粗), italic(斜体)等。
## textSize
{string}
设置spinner当前被选择的项目文本的字体尺寸大小。
## entries
{string}
下拉菜单的选项具体内容。若有多个选项,可使用|隔开,例如entries="选项1|选项2|选项3"。在代码中也可动态修改,比如$ui.spinner.attr('entries', '选项A|选项B|选项C|选项D')。
## entryTextStyle
{string}
下拉菜单的选项具体内容的文本样式。
## entryTextColor
{string}
下拉菜单的选项具体内容的文本颜色。
## entryTextSize
{string}
下拉菜单的选项具体内容的字体尺寸大小
# 实例
```js
"ui";
ui.layout(
<vertical padding="16">
<horizontal>
<text textSize="16sp">下拉菜单</text>
<spinner id="sp1" entries="选项1|选项2|选项3"/>
</horizontal>
<horizontal>
<text textSize="16sp">对话框菜单</text>
<spinner id="sp2" entries="选项4|选项5|选项6" spinnerMode="dialog"/>
</horizontal>
<button id="ok">确定</button>
<button id="select3">选择选项3</button>
</vertical>
);
ui.ok.on("click", ()=>{
var i = ui.sp1.getSelectedItemPosition();
var j = ui.sp2.getSelectedItemPosition();
toast("您的选择是选项" + (i + 1) + "和选项" + (j + 4));
});
ui.select3.on("click", ()=>{
ui.sp1.setSelection(2);
});
```