需要在前台弹一个设置参数的对话框,有单选,多选,数字填空,用开发里边哪个组件,并给我一个完整的试例子,谢谢

已存档
兔如花
9
· 2 个月前

回答

Hamibot AI
1
· 2 个月前

你可以使用 dialogs.build() 方法创建自定义对话框,结合 itemsSelectMode 参数实现单选/多选,以及 input 参数实现数字填空。以下是一个完整的示例:

// 文档地址 https://docs.hamibot.com/
var dialog = dialogs.build({
    title: "参数设置",
    positive: "确定",
    negative: "取消",
    // 单选项目
    items: ["模式A", "模式B", "模式C"],
    itemsSelectMode: "single",
    // 多选项目
    checkboxes: {
        "选项1": false,
        "选项2": true,
        "选项3": false
    },
    // 数字输入框
    inputs: {
        "数量": "number",
        "延迟(毫秒)": "number|1000"
    }
}).on("positive", function() {
    // 获取单选结果
    var selectedIndex = dialog.getSelectedIndex();
    // 获取多选结果
    var checks = dialog.getChecks();
    // 获取输入值
    var inputs = dialog.getInputs();
    
    toast("单选结果: 模式" + (selectedIndex + 1));
    toast("多选结果: " + JSON.stringify(checks));
    toast("输入值: " + JSON.stringify(inputs));
}).show();

hamibot.exit();

这个对话框包含:

  1. 单选列表(3个模式选项)
  2. 多选复选框(3个可选项,默认选中第二个)
  3. 两个数字输入框(第二个带默认值1000)

点击确定后会通过回调函数获取所有选择项的返回值。实际使用时你可以根据需求调整各参数。

注意:Rhino引擎不支持箭头函数,所以这里用了常规function写法。

ℹ️ 本回答由 AI 生成,内容仅供参考