带有注释的对话框

时间:2013-04-11 10:38:36

标签: jquery jquery-ui jquery-ui-dialog

我正在使用JQuery对话框提醒用户他们即将删除项目。我需要在对话框中放置一个注释文本框,然后使用此注释更新数据库中的记录。

我有以下JQuery函数:

$('.releaseMessage').click(function (evt) {
    evt.preventDefault();
    var msgId = $(this).closest('tr').children().eq(2).html();
    var senderBIC = $(this).closest('tr').children().eq(3).html();

    var idPredefineDetail = $(this).closest("div").find("input[name=idPredefineDetail]").value();



    var _msgId = JSON.stringify({ msgId: msgId, senderBIC: senderBIC });
    $("#release-dialog-text").text("You are about to release message ("+ msgId + ")");
    $("#release-dialog").dialog({
        model: true,
        buttons: {
            Ok: function () {
                $(this).dialog("close");
                $.ajax({
                    type: "POST",
                    url: "Default.aspx/ReleaseMessage",
                    data: _msgId,
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function () {
                    },
                    error: function (xml, textStatus, errorThrown) {
                        alert(xml.status + "||" + xml.responseText);
                    }

                });

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

对话框的我的DIV是:

<div id="release-dialog" title="Release Message">

    <div id="release-dialog-text">

    </div>
    <input id="comment" type="text" />
</div>

1 个答案:

答案 0 :(得分:1)

使用此方法对此进行排序:

$ window.parent。( '#释放对话框')                .attr('title','Release Message')                .html('输入你的评论')                .dialog({

                     ... rest of dialog stuff 
           var comment = window.parent.$('#releasecomment').val();