如何阻止QML Dialog点击Yes/YesToAll按钮时自动关闭？

问题描述 #

我有一个简单的QML Dialog，在footer区域使用DialogButtonBox提供“Yes”“Yes to all”“Close”等标准按钮。默认情况下，Yes和Yes to all按钮被分配了AcceptedRole，点击后会关闭对话框，但我希望点击这两个按钮时执行对应操作且对话框保持打开状态。我想用onClicked事件而非onAccepted来区分Yes和YesToAll按钮，该如何实现？

用户提供的初始代码：

Dialog {
   id: dialog
   footer: DialogButtonBox {
        standardButtons: DialogButtonBox.Yes | DialogButtonBox.YesToAll | DialogButtonBox.Close

        onRejected: dialog.close()
        onAccepted: {
           // dont do anything and dont close the dialog
        }

        onClicked: (btn) => {
            if (btn === standardButton(DialogButtonBox.Yes))
                // do things
            else if (btn === standardButton(DialogButtonBox.YesToAll))
                // do other things
        }
}

解决方案 #

核心问题是AcceptedRole按钮默认会触发Dialog的accept()方法，而该方法默认会关闭对话框。要实现需求，需阻止这个默认关闭行为，同时在onClicked中处理按钮的自定义逻辑：

步骤1：重写Dialog的accept()方法 #

通过重写Dialog的accept()方法，取消其默认的关闭行为：

Dialog {
    id: dialog
    // 重写accept方法，阻止默认关闭
    function accept() {}
    // ... 其他代码
}

步骤2：完善按钮点击逻辑 #

在DialogButtonBox的onClicked事件中，准确判断按钮类型并执行对应逻辑，Close按钮通过onRejected正常关闭对话框。

完整代码示例 #

Dialog {
    id: dialog
    width: 400
    height: 200
    title: "操作确认"

    // 重写accept方法，取消默认关闭行为
    function accept() {}

    footer: DialogButtonBox {
        standardButtons: DialogButtonBox.Yes | DialogButtonBox.YesToAll | DialogButtonBox.Close

        // Close按钮触发关闭
        onRejected: dialog.close()

        onClicked: (btn) => {
            // 用btn.standardButton判断按钮类型更直观
            if (btn.standardButton === DialogButtonBox.Yes) {
                console.log("执行Yes操作")
                // 这里写Yes按钮的业务逻辑
            } else if (btn.standardButton === DialogButtonBox.YesToAll) {
                console.log("执行Yes to all操作")
                // 这里写Yes to all按钮的业务逻辑
            }
        }
    }
}

补充说明 #

• 无需保留DialogButtonBox的onAccepted空实现，重写Dialog的accept()后，该信号触发不会再导致关闭
• 使用btn.standardButton判断按钮类型比standardButton(DialogButtonBox.Yes)更直接，可读性更强

内容的提问来源于stack exchange，提问作者Me3nTaL