当前位置：首页 > news >正文

chili3d调试笔记2+添加web ui按钮

news 来源：原创 2025/5/23 2:46:37

onclick 查找

打个断点看看

挺可疑的，打个断点看看

打到事件监听上了

加ui了

加入成功

新建弹窗--------------------------------------

可以模仿这个文件，写弹窗

然后在这里注册一下，外部就能调用了

对了，这个位置也得注册一下

--------------------------------------------------------------------------------------

弹窗可以直接用这个，只是之前一直没有弹窗的需求，这里没有进一步添加其他属性

应该复制过来就能用

import { I18n, Logger } from "chili-core";
import { button, div, input, label } from "./components";
import style from "./dialog.module.css";export class njsgcs_Dialog {private constructor() {}static show() {const dialog = document.createElement("dialog");document.body.appendChild(dialog);// 创建输入框并保存引用const user_say_input = input({ type: "text", id: "njsgcs_test_input",onkeydown:(e: KeyboardEvent) => {e.stopPropagation();}});dialog.appendChild(div({ className: style.root },div({ className: style.title }, label({ textContent: I18n.translate("njsgcs.test") })),div({ className: style.input },user_say_input),div({ className: style.buttons },button({textContent: I18n.translate("common.confirm"),onclick: () => {// 动态获取输入框的值const user_say_value = (user_say_input as HTMLInputElement).value;Logger.info(user_say_value);},})),),);dialog.showModal();}
}