如何在VB.NET后台代码中动态修改jQuery Dialog按钮文本

原代码存在的问题 #

• JavaScript函数定义错误：原代码中$(function openDialog(msg) {})的写法不正确，导致openDialog函数被限制在DOM就绪回调的局部作用域内，后台注册的脚本无法全局调用它。
• 参数处理错误：后台传递的是普通字符串（如"Exit"），但JS代码中试图访问msg.text，而msg并不是包含text属性的对象，因此会得到undefined，导致按钮文本为空。
• Dialog重复初始化：每次调用openDialog都重新初始化Dialog，容易引发重复绑定、配置冲突等异常。

修正后的代码 #

JavaScript代码

<script>
$(function() {
    // 仅初始化一次Dialog，设置默认配置
    $("#dialog-1").dialog({
        dialogClass: "no-close",
        draggable: false,
        resizable: false,
        closeOnEscape: false,
        modal: true,
        autoOpen: false,
        buttons: [
            {
                text: "",
                click: function() {
                    $(this).dialog("close");
                }
            }
        ]
    });
});

// 全局可访问的打开Dialog函数，接收按钮文本参数
function openDialog(buttonText) {
    // 动态修改按钮文本
    $("#dialog-1").dialog("option", "buttons", [
        {
            text: buttonText,
            click: function() {
                $(this).dialog("close");
            }
        }
    ]);
    // 打开Dialog
    $("#dialog-1").dialog("open");
}
</script>

VB.NET后台代码

Dim buttonText As String = "Exit" ' 可替换为动态生成的CANCEL/OK/YES/NO等文本
Page.ClientScript.RegisterStartupScript(Me.GetType(), "startDialog", $"openDialog('{buttonText}');", True)

HTML代码（无需修改）

<div id = "dialog-1" title = "Warning" >  
    <p id="msgWarning" runat="server" >Message Here</p>
</div>

修正说明 #

1. 将Dialog初始化逻辑放在DOM就绪回调中，仅执行一次，避免重复初始化的问题。
2. 把openDialog改为全局函数，确保后台注册的脚本能正确调用。
3. 通过dialog("option", "buttons", ...)方法动态修改按钮文本，无需重新初始化整个Dialog。
4. 后台直接传递按钮文本字符串，JS函数直接使用该参数设置按钮文本，参数逻辑匹配。

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