JavaScript中的自定义消息框

Question

我正在寻找在JavaScript中制作自定义消息框，但我想知道我是如何去做的。我在下面的代码中显示了“是”，“否”，“取消”消息框：

 msls.showMessageBox("Please choose the appropriate button", {
            title: "This is a message box",

            buttons: msls.MessageBoxButtons.yesNoCancel

        }).then(function(result) {

            if (result === msls.MessageBoxResult.yes) {

                alert("You have selected Morning");

            } else if (result === msls.MessageBoxResult.no) {

                alert("You Have Selected Afternoon");

            } else if (result === msls.MessageBoxResult.cancel) {

                alert("You have closed this message box");

            }

        });
}

我的目标是重命名按钮文字，但我不知道该怎么做，这是我的意思的一个例子：

• 是 早晨
• 否为下午
• 取消 取消

我知道如何更改每个按钮的功能，它只是编辑按钮内部文本的一小部分，可以说出我想要的内容，感谢您的帮助

我使用Lightswitch HTML并在jquery.mobile.structure-1.3.0.css文件中引用了消息框

Answer 1

如果您使用的是msls.ShowMessageBox API，则无法更改按钮的文本。 LightSwitch中推荐的方法是使用Popup。

Creating a Popup Screen in LightSwitch

Answer 2

进一步补充上述答案，这是如何完成的：

在屏幕上创建一个按钮，然后在执行代码中添加它：

if (screen.Table.Variable == true) {
    screen.showPopup("PopupTest");
    } else {
myapp.commitChanges();

从这段代码中你可以添加多个带有未知数量变量的弹出窗口，或者在我的案例按钮中，每个按钮都可以编码来执行某项任务。