Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
939bef77
D
Docs
项目概览
OpenHarmony
/
Docs
1 年多 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
939bef77
编写于
10月 12, 2022
作者:
L
luoying_ace
提交者:
Gitee
10月 12, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md.
Signed-off-by:
N
luoying_ace
<
luoying19@huawei.com
>
上级
9db4d91b
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
34 addition
and
33 deletion
+34
-33
zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
...on-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
+34
-33
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
浏览文件 @
939bef77
...
...
@@ -3,13 +3,10 @@
根据指定的选择范围创建文本选择器,展示在弹窗上。
> **说明:**
>
> 该组件从API Version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
## 权限列表
无
## TextPickerDialog.show
show(options?: TextPickerDialogOptions)
...
...
@@ -17,21 +14,23 @@ show(options?: TextPickerDialogOptions)
定义文本滑动选择器弹窗并弹出。
-
TextPickerDialogOptions参数说明
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| range | string
[
] \| [Resource
](
../../ui/ts-types.md#resource类型
)
| 是 | - |
选择器的数据
选择范围。 |
| selected | number | 否 | 0 |
选中项在数组中的index
值。 |
| value | string | 否 | - |
选中项文本值。当设置了selected参数时,该值不生效。如果该
值不在range范围内,则默认取range第一个元素。|
| defaultPickerItemHeight | number
\|
string | 否 | - |
默认Picker内容项元素
高度。 |
| onAccept | (value: TextPickerResult) => void | 否 | - | 点击弹窗中
确定按钮时触发
。 |
| onCancel | () => void | 否 | - | 点击弹窗中
取消按钮时触发
。 |
| onChange | (value: TextPickerResult) => void | 否 | - | 滑动
选择器,当前选择项改变时触发
。 |
| range | string
[
] \| [Resource
](
../../ui/ts-types.md#resource类型
)
| 是 | - |
设置文本选择器的
选择范围。 |
| selected | number | 否 | 0 |
设置选中项的索引
值。 |
| value | string | 否 | - |
设置选中项的文本内容。当设置了selected参数时,该参数不生效。如果设置的value
值不在range范围内,则默认取range第一个元素。|
| defaultPickerItemHeight | number
\|
string | 否 | - |
设置选择器中选项的
高度。 |
| onAccept | (value: TextPickerResult) => void | 否 | - | 点击弹窗中
的“确定”按钮时触发该回调
。 |
| onCancel | () => void | 否 | - | 点击弹窗中
的“取消”按钮时触发该回调
。 |
| onChange | (value: TextPickerResult) => void | 否 | - | 滑动
弹窗中的选择器使当前选中项改变时触发该回调
。 |
-
TextPickerResult对象说明
| 名称 | 参数类型 | 描述 |
| -------- | -------- | -------- |
| value | string | 选中项
文本
。 |
| index | number | 选中项在
数组中的index
值。 |
| value | string | 选中项
的文本内容
。 |
| index | number | 选中项在
选择范围数组中的索引
值。 |
## 示例
...
...
@@ -40,19 +39,21 @@ show(options?: TextPickerDialogOptions)
@
Entry
@
Component
struct
TextPickerDialogExample
{
@
State
select
:
number
=
1
private
fruits
:
string
[]
=
[
'
apple1
'
,
'
orange2
'
,
'
peach3
'
,
'
grape4
'
]
@
State
select
:
number
=
2
private
fruits
:
string
[]
=
[
'
apple1
'
,
'
orange2
'
,
'
peach3
'
,
'
grape4
'
,
'
banana5
'
]
build
()
{
Flex
({
direction
:
FlexDirection
.
Column
,
alignItems
:
ItemAlign
.
Center
,
justifyContent
:
FlexAlign
.
Center
})
{
Button
(
"
TextPickerDialog
"
).
onClick
(()
=>
{
Column
()
{
Button
(
"
TextPickerDialog
"
)
.
margin
(
20
)
.
onClick
(()
=>
{
TextPickerDialog
.
show
({
range
:
this
.
fruits
,
selected
:
this
.
select
,
onAccept
:
(
value
:
TextPickerResult
)
=>
{
console
.
info
(
"
TextPickerDialog:onAccept()
"
+
JSON
.
stringify
(
value
))
// 设置select为按下确定按钮时候的选中项index,这样当弹窗再次弹出时显示选中的是上一次确定的选项
this
.
select
=
value
.
index
console
.
info
(
"
TextPickerDialog:onAccept()
"
+
JSON
.
stringify
(
value
))
},
onCancel
:
()
=>
{
console
.
info
(
"
TextPickerDialog:onCancel()
"
)
...
...
@@ -62,7 +63,7 @@ struct TextPickerDialogExample {
}
})
})
}
}
.
width
(
'
100%
'
)
}
}
```
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录