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

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

HarmonyOS
2024-09-04 09:02:20
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

可以先把this通过GlobalContext存起来,使用时取出。

首页:

import { GlobalContext } from './GlobalContext' 
import { testPromptDialog } from './HttpUtil' 
 
 
@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World' 
 
  aboutToAppear(): void { 
    GlobalContext.getContext().setObject('UIContext', this) 
  } 
 
  build() { 
    Row() { 
      Column() { 
        Text(this.message) 
          .fontSize(50) 
          .fontWeight(FontWeight.Bold) 
          .onClick(() => { 
            testPromptDialog() 
          }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
 
    .backgroundColor(Color.Orange) 
  } 
}

GlobalContext:

export class GlobalContext { 
  private constructor() { 
  } 
 
  private static instance: GlobalContext; 
  private _objects = new Map<string, Object>(); 
 
  public static getContext(): GlobalContext { 
    if (!GlobalContext.instance) { 
      GlobalContext.instance = new GlobalContext(); 
    } 
    return GlobalContext.instance; 
  } 
 
  getObject(value: string): Object | undefined { 
    return this._objects.get(value); 
  } 
 
  setObject(key: string, objectClass: Object): void { 
    this._objects.set(key, objectClass); 
  } 
}

HttpUtil:

import { promptAction } from '@kit.ArkUI'; 
import { GlobalContext } from './GlobalContext'; 
 
 
let customDialogId: number = 0 
 
 
@Builder 
export function customDialogBuilder(content: String) { 
  Column() { 
    Text(`Tip: ${content} `).fontSize(20).height("30%") 
    Text('失败原因:!!!!').fontSize(16).height("30%") 
    Row() { 
      Button("确认").onClick(() => { 
        promptAction.closeCustomDialog(customDialogId) 
      }) 
      Blank().width(50) 
      Button("取消").onClick(() => { 
        promptAction.closeCustomDialog(customDialogId) 
      }) 
    } 
    .margin({top: 30}) 
  }.height(200).padding(5) 
} 
 
export function testPromptDialog() { 
 
  const that = GlobalContext.getContext().getObject('UIContext') as UIContext; 
  if (that) { 
    promptAction.openCustomDialog({ 
      builder: customDialogBuilder.bind(that, "网络请求失败!") 
    }).then((dialogId: number) => { 
      customDialogId = dialogId; 
    }) 
  } 
}
分享
微博
QQ
微信
回复
2024-09-04 17:52:48
相关问题
润和Neptune(W800)文件不能写
7827浏览 • 3回复 已解决
自定义弹窗自定义转场动画
922浏览 • 1回复 待解决
HarmonyOS 自定义弹窗选择
272浏览 • 1回复 待解决
HarmonyOS自定义组件增加方法如何实现
320浏览 • 1回复 待解决
HarmonyOS 自定义弹窗CustomDialog问题
461浏览 • 1回复 待解决
HarmonyOS 全局自定义弹窗demo
220浏览 • 1回复 待解决
HarmonyOS 自定义弹窗的问题
520浏览 • 1回复 待解决
js 自定义组件如何传递方法
5785浏览 • 2回复 待解决
HarmonyOS 自定义弹窗 (CustomDialog)问题
211浏览 • 1回复 待解决
使用自定义弹窗实现分享弹窗
446浏览 • 1回复 待解决
HarmonyOS 自定义弹窗遮罩未全屏
474浏览 • 1回复 待解决