鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

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

HarmonyOS

1天前

浏览

赞

收藏 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%')
  }
}

回复

1天前

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

发布

相关问题

HarmonyOS 自定义弹窗CustomDialog调用问题

15浏览 • 1回复待解决

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

346浏览 • 1回复待解决

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

390浏览 • 2回复待解决

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

346浏览 • 1回复待解决

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

415浏览 • 1回复待解决

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

1128浏览 • 1回复待解决

HarmonyOS 自定义弹窗选择

356浏览 • 1回复待解决

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

21浏览 • 1回复待解决

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

332浏览 • 1回复待解决

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

2268浏览 • 1回复待解决

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

633浏览 • 0回复待解决

自定义弹窗如何嵌套使用

1676浏览 • 1回复待解决

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

359浏览 • 1回复待解决

HarmonyOS 全局自定义弹窗demo

286浏览 • 1回复待解决

HarmonyOS 自定义弹窗的问题

694浏览 • 1回复待解决

HarmonyOS 自定义弹窗CustomDialog问题

612浏览 • 1回复待解决

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

2502浏览 • 1回复待解决

HarmonyOS 自定义弹窗如何获取显示状态？

294浏览 • 1回复待解决

如何设置自定义弹窗位置

2068浏览 • 1回复待解决

HarmonyOS 自定义弹窗 (CustomDialog)问题

396浏览 • 1回复待解决

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

1592浏览 • 1回复待解决

HarmonyOS 自定义弹窗遮罩未全屏

665浏览 • 1回复待解决

HarmonyOS 自定义弹窗（CustomDialog）无法关闭

571浏览 • 1回复待解决

使用自定义弹窗实现分享弹窗

566浏览 • 1回复待解决

HarmonyOS 自定义方法链式调用

163浏览 • 1回复待解决

提问

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

相关讨论帖

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

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

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

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

OpenHarmony——ets自定义弹窗UI组件封装 3回复

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