提交 0707ac5a 编写于 作者: K kukixi

update sample case

Signed-off-by: Nkukixi <kouxinxin@huawei.com>
上级 90a379d9
...@@ -53,6 +53,7 @@ showToast(options: ShowToastOptions): void ...@@ -53,6 +53,7 @@ showToast(options: ShowToastOptions): void
showDialog(options: ShowDialogOptions): Promise&lt;ShowDialogSuccessResponse&gt; showDialog(options: ShowDialogOptions): Promise&lt;ShowDialogSuccessResponse&gt;
创建并显示对话框,对话框响应后同步返回结果。 创建并显示对话框,对话框响应后同步返回结果。
**系统能力:** SystemCapability.ArkUI.ArkUI.Full **系统能力:** SystemCapability.ArkUI.ArkUI.Full
**参数:** **参数:**
...@@ -69,28 +70,34 @@ showDialog(options: ShowDialogOptions): Promise&lt;ShowDialogSuccessResponse&gt; ...@@ -69,28 +70,34 @@ showDialog(options: ShowDialogOptions): Promise&lt;ShowDialogSuccessResponse&gt;
**示例:** **示例:**
``` ```
export default { export default {
showDialog() { showDialog() {
prompt.showDialog({ prompt.showDialog({
title: 'Title Info', title: 'Title Info',
message: 'Message Info', message: 'Message Info',
buttons: [ buttons: [
{ {
text: 'button', text: 'button1',
color: '#666666', color: '#000000',
}, },
], {
success: function(data) { text: 'button2',
console.log('dialog success callback,click button : ' + data.index); color: '#000000',
}, }
cancel: function() { ],
console.log('dialog cancel callback'); })
}, .then(data => {
}); console.info('showDialog success, click button: ' + data.index);
})
.catch(err => {
console.info('showDialog error: ' + err);
})
} }
} }
``` ```
## prompt.showDialog
showDialog(options: ShowDialogOptions, callback: AsyncCallback&lt;ShowDialogSuccessResponse&gt;):void showDialog(options: ShowDialogOptions, callback: AsyncCallback&lt;ShowDialogSuccessResponse&gt;):void
创建并显示对话框,对话框响应结果异步返回。 创建并显示对话框,对话框响应结果异步返回。
...@@ -106,24 +113,29 @@ showDialog(options: ShowDialogOptions, callback: AsyncCallback&lt;ShowDialogSucc ...@@ -106,24 +113,29 @@ showDialog(options: ShowDialogOptions, callback: AsyncCallback&lt;ShowDialogSucc
**示例:** **示例:**
``` ```
export default { export default {
showDialog() { callback(err, data) {
prompt.showDialog({ if(err) {
title: 'Title Info', console.info('showDialog err: ' + err);
message: 'Message Info', return;
buttons: [ }
{ console.info('showDialog success callback, click button: ' + data.index);
text: 'button', },
color: '#666666', showDialog() {
}, prompt.showDialog({
], title: 'showDialog Title Info',
success: function(data) { message: 'Message Info',
console.log('dialog success callback,click button : ' + data.index); buttons: [
}, {
cancel: function() { text: 'button1',
console.log('dialog cancel callback'); color: '#000000',
}, },
}); {
text: 'button2',
color: '#000000',
}
]
}, this.callback);
} }
} }
``` ```
...@@ -153,7 +165,7 @@ showDialog(options: ShowDialogOptions, callback: AsyncCallback&lt;ShowDialogSucc ...@@ -153,7 +165,7 @@ showDialog(options: ShowDialogOptions, callback: AsyncCallback&lt;ShowDialogSucc
## prompt.showActionMenu ## prompt.showActionMenu
showActionMenu(options: ActionMenuOptions, callback: AsyncCallback&lt;ActionMenuSuccessResponse&gt;):void showActionMenu(options: ActionMenuOptions, callback: AsyncCallback&lt;ActionMenuSuccessResponse&gt;):void
创建并显示操作菜单,菜单响应结果异步返回。 创建并显示操作菜单,菜单响应结果异步返回。
...@@ -168,31 +180,33 @@ showDialog(options: ShowDialogOptions, callback: AsyncCallback&lt;ShowDialogSucc ...@@ -168,31 +180,33 @@ showDialog(options: ShowDialogOptions, callback: AsyncCallback&lt;ShowDialogSucc
**示例:** **示例:**
``` ```
export default { export default {
showActionMenu() { callback(err, data) {
prompt.showActionMenu({ if(err) {
title: 'Title Info', console.info('showActionMenu err: ' + err);
buttons: [ return;
{ }
text: 'item1', console.info('showActionMenu success callback, click button: ' + data.index);
color: '#666666', },
}, showActionMenu() {
{ prompt.showActionMenu({
text: 'item2', title: 'Title Info',
color: '#000000', buttons: [
}, {
], text: 'item1',
success: function(data) { color: '#666666',
console.log('dialog success callback,click button : ' + data.tapIndex); },
}, {
fail: function(data) { text: 'item2',
console.log('dialog fail callback' + data.errMsg); color: '#000000',
}, },
}); ]
}, this.callback)
} }
} }
``` ```
## prompt.showActionMenu
showActionMenu(options: ActionMenuOptions): Promise<ActionMenuSuccessResponse> showActionMenu(options: ActionMenuOptions): Promise<ActionMenuSuccessResponse>
...@@ -212,27 +226,27 @@ showActionMenu(options: ActionMenuOptions): Promise<ActionMenuSuccessResponse> ...@@ -212,27 +226,27 @@ showActionMenu(options: ActionMenuOptions): Promise<ActionMenuSuccessResponse>
**示例:** **示例:**
``` ```
export default { export default {
showActionMenu() { showActionMenu() {
prompt.showActionMenu({ prompt.showActionMenu({
title: 'Title Info', title: 'showActionMenu Title Info',
buttons: [ buttons: [
{ {
text: 'item1', text: 'item1',
color: '#666666', color: '#666666',
}, },
{ {
text: 'item2', text: 'item2',
color: '#000000', color: '#000000',
}, },
], ]
success: function(data) { })
console.log('dialog success callback,click button : ' + data.tapIndex); .then(data => {
}, console.info('showActionMenu success, click button: ' + data.index);
fail: function(data) { })
console.log('dialog fail callback' + data.errMsg); .catch(err => {
}, console.info('showActionMenu error: ' + err);
}); })
} }
} }
``` ```
...@@ -245,7 +259,7 @@ showActionMenu(options: ActionMenuOptions): Promise<ActionMenuSuccessResponse> ...@@ -245,7 +259,7 @@ showActionMenu(options: ActionMenuOptions): Promise<ActionMenuSuccessResponse>
| 名称 | 类型 | 必填 | 说明 | | 名称 | 类型 | 必填 | 说明 |
| -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- |
| title | string | 否 | 标题文本。 | | title | string | 否 | 标题文本。 |
| buttons | Array | 是 | 对话框中按钮的数组,结构为:{text:'button',&nbsp;color:&nbsp;'\#666666'},支持1-6个按钮。大于6个按钮时弹窗不显示。 | | buttons | Array | 是 | 菜单中菜单项按钮的数组,结构为:{text:'button',&nbsp;color:&nbsp;'\#666666'},支持1-6个按钮。大于6个按钮时弹窗不显示。 |
## ActionMenuSuccessResponse ## ActionMenuSuccessResponse
......
# 页面路由 # 页面路由
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明** > ![icon-note.gif](public_sys-resources/icon-note.gif) **说明**
> 本模块首批接口从API version 8开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。 >
> - 本模块首批接口从API version 8开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。
> - 页面路由需要在页面渲染完成之后才能调用,在onInit和onReady生命周期中页面还处于渲染阶段,禁止调用页面路由方法。
> ![icon-notice.gif](public_sys-resources/icon-notice.gif) **须知:**
> 页面路由需要在页面渲染完成之后才能调用,在onInit和onReady生命周期中页面还处于渲染阶段,禁止调用页面路由方法。
## 导入模块 ## 导入模块
``` ```
...@@ -272,11 +272,13 @@ enableAlertBeforeBackPage(options: EnableAlertOptions): void ...@@ -272,11 +272,13 @@ enableAlertBeforeBackPage(options: EnableAlertOptions): void
``` ```
## EnableAlertOptions ## EnableAlertOptions
页面返回询问对话框选项。
**系统能力:** 以下各项对应的系统能力均为SystemCapability.ArkUI.ArkUI.Lite。 **系统能力:** 以下各项对应的系统能力均为SystemCapability.ArkUI.ArkUI.Lite。
| 名称 | 类型 | 必填 | 说明 |
| -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- |
| message | string | 是 | 询问对话框内容。 | | message | string | 是 | 询问对话框内容。 |
| 名称 | 类型 | 必填 | 说明 |
## router.disableAlertBeforeBackPage ## router.disableAlertBeforeBackPage
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册