将数据绑定到 jquery 对话框答案

【问题标题】：Binding data to jquery dialog将数据绑定到 jquery 对话框
【发布时间】：2013-02-14 18:42:31
【问题描述】：

我有一个绑定到数据库的asp:datalist。当用户单击其中一行上的按钮时，需要显示一个对话框，提示用户输入其他信息。

此对话框需要单击项目的一些信息。为此，我正在尝试查看Jquery Dialog 和Jquery.data()。我不知道，这是否可能。对话框显示正常，但数据未通过。

$(function () {
    $("#dialog-confirm").dialog({
        autoOpen: false,
        resizable: false,
        height: 'auto',
        width: 'auto',
        modal: true,
        buttons: {
            "OK": function () {
                $(this).dialog("close");
                var minattend = $(this).data('minattend')
                var maxattend = $(this).data('maxattend')

                DoAdditionalSearch(minattend , maxattend);
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        }
    });
});

以及代码隐藏中的 ItemDataBound：

LinkButton lnkBook = DirectCast(e.Item.FindControl("lnkBook"), LinkButton);
lnkBook.OnClientClick += "$('#dialog-confirm').data('minattend', " + countmin + ");";
lnkBook.OnClientClick += "$('#dialog-confirm').data('maxattend', " + countmax + ");";
lnkBook.OnClientClick += "$('#dialog-confirm').dialog('open'); return false;";

当我运行代码时，minattend 和 maxattend 未定义

【问题讨论】：

您是否尝试过检查生成的 HTML 以查看生成的链接 onclick 事件中是否有任何内容？

标签： c# jquery asp.net jquery-dialog

【解决方案1】：

哎呀。正在传递字符串，错过了几个“'”：

lnkBook.OnClientClick += "$('#dialog-confirm').data('minattend', '" + countmin + "');"; lnkBook.OnClientClick += "$('#dialog-confirm').data('maxattend', '" + countmax + "');";

现在它就像一个魅力。很高兴我学到了这个:)

【讨论】：