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();

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

JavaScript 中的自定义消息框

Custom message box in JavaScript

javascript

css

visual-studio-lightswitch

lightswitch-2013