鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 25年5月软考 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS JsBridge里面如何调用自定义弹窗

HarmonyOS

2024-12-17 13:59:41

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

<!DOCTYPE html>
  <html>
  <head>
  <meta name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover">
  <title>
  </title>
  <script>
  function openWindow() {
    window.myJsb.openDialog()
  }
  </script>
  </head>
  <body>
  <button onclick="openWindow()" style="width: 200px;height: 200px">
  前端调用JSB打开窗口
  </button>
  </body>
  </html>
   

  import webview from '@ohos.web.webview'

export interface JsbObject {
  openDialog: () => void
}

@Entry()
@Component
struct Page2 {
  webviewController = new webview.WebviewController()
  dialogController: CustomDialogController = new CustomDialogController({
    builder: CustomDialogExample({})
  })
  jsbObject: JsbObject = {
    openDialog: () => {
      this.showDialog(this)
    }
  }

  showDialog(context: object) {
    // 怎么把自定义弹窗调出来
    this.dialogController.open()
  }

  build() {
    Column() {
      Web({
        src: "resource://rawfile/aa.html", controller: this.webviewController
      })
        .javaScriptAccess(true)
        .javaScriptProxy({
          name: "myJsb",
          object: this.jsbObject,
          methodList: ["openDialog"],
          controller: this.webviewController
        }).width('100%')
    }
    .backgroundColor(Color.Brown)
  }
}

@CustomDialog
struct CustomDialogExample {
  dialogControllerTwo: CustomDialogController | null = new CustomDialogController({
    builder: CustomDialogExample(), alignment: DialogAlignment.Bottom, offset: { dx: 0, dy: -25 }
  })
  controller?: CustomDialogController

  build() {
    Row() {
      Text("自定义键盘")
    }.height('40%')
  }
}

回复

2024-12-17 15:48:59

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS 无法通过H5调用JSBridge展示自定义弹窗

544浏览 • 1回复待解决

HarmonyOS 父页面如何调用自定义组件内自定义方法

541浏览 • 1回复待解决

HarmonyOS 自定义弹窗CustomDialog调用问题

626浏览 • 1回复待解决

HarmonyOS bindContentCover绑定自定义弹窗如何修改里面组件样式？

861浏览 • 1回复待解决

HarmonyOS 关于自定义弹窗的封装调用

873浏览 • 2回复待解决

HarmonyOS 如何在ArkTS类中想调用自定义弹窗

308浏览 • 1回复待解决

自定义弹窗自定义转场动画

1496浏览 • 1回复待解决

HarmonyOS 在ArkTS类中想调用自定义弹窗

258浏览 • 1回复待解决

HarmonyOS Web页面如何调起自定义键盘？

673浏览 • 1回复待解决

HarmonyOS自定义弹窗只能写在组件里面，不能写在方法里面吗？

676浏览 • 1回复待解决

HarmonyOS 如何封装自定义弹窗

433浏览 • 1回复待解决

HarmonyOS 自定义弹窗如何更新弹窗的UI

454浏览 • 1回复待解决

如何在自定义弹窗中再次弹窗

2678浏览 • 1回复待解决

HarmonyOS 自定义弹窗选择

841浏览 • 1回复待解决

HarmonyOS 自定义弹窗怎么设置自定义动画？

739浏览 • 1回复待解决

自定义弹窗如何嵌套使用

2001浏览 • 1回复待解决

HarmonyOS 自定义弹窗、自定义键盘自动关闭问题

594浏览 • 1回复待解决

HarmonyOS 如何设置自定义弹窗透明

405浏览 • 1回复待解决

怎么实现自定义弹窗1打开自定义弹窗2

2898浏览 • 1回复待解决

HarmonyOS 自定义弹窗CustomDialog

359浏览 • 1回复待解决

如何设置自定义弹窗位置

2350浏览 • 1回复待解决

HarmonyOS 自定义CustomDialogController弹窗不能关闭弹窗

1104浏览 • 0回复待解决

HarmonyOS 如何制作自定义加载弹窗

793浏览 • 1回复待解决

HarmonyOS 全局自定义弹窗的关闭弹窗的动画后续是否可以自定义?

459浏览 • 1回复待解决

实现promptAction.openCustomDialog接口，全局调用自定义弹窗打开

2174浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

自定义选择弹窗，半模态弹窗 2回复

【HM】自定义弹窗CustomDialogController 0回复

HarmonyOS 基础之JS实现自定义弹窗 2回复

OpenHarmony应用开发之自定义弹窗 2回复

HarmonyOS原子化服务开发实战-dialog自定义弹窗 0回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载