jqgrid:如何将字段呈现为链接并打开包含ajax加载的编辑页面的jquery.dialog?

jqgrid:如何将字段呈现为链接并打开包含ajax加载的编辑页面的jquery.dialog?,jquery,forms,jqgrid,dialog,edit,Jquery,Forms,Jqgrid,Dialog,Edit,我希望将字段呈现为链接,并在用户单击链接时打开jquery对话框。 然后,该对话框应该ajax加载一个编辑表单,并在加载失败时提醒用户…已经存在一些示例了吗?请给我一些提示和建议 我正在考虑重新使用我找到的代码来打开“编辑”对话框: function showDialog(url, strtitle) { var dialog = $('#dialog'); if (!strtitle) strtitle = 'Errore apertura finestr

我希望将字段呈现为链接,并在用户单击链接时打开jquery对话框。 然后,该对话框应该ajax加载一个编辑表单,并在加载失败时提醒用户…已经存在一些示例了吗?请给我一些提示和建议

我正在考虑重新使用我找到的代码来打开“编辑”对话框:

 function showDialog(url, strtitle) {

        var dialog = $('#dialog');

        if (!strtitle) strtitle = 'Errore apertura finestra!';

        $('#dialog').dialog('destroy');
        $('#dialog').show();

        $("#dialog").dialog({
            resizable: true,
            modal: true,
            draggable: true,
            overlay: {
                backgroundColor: '#000',
                opacity: 0.9
            },
            open: function () {
                $(this).load(url);
            },
            title: strtitle,
            buttons: {
                'OK': function () {

                    $(this).dialog("close");
                }
            }
        });

提前感谢

我不确定您到底想要什么,但我希望这段代码片段能给您一个想法

$(".editlink").click(function(e){
    e.preventDefault();
    e.stopImmediatePropagation();
    var url=$(this).attr("href");

    $.ajax({
        url: url,
        success: function(msg){
            if(msg.length>0)
            {
                $("<div id='newDynamicDiv'></div>").html(msg)
                .dialog({
                    resizable: false,
                    minWidth: 400,
                    modal: true,
                    title: 'Dialog Title',
                    hide: 'scale',
                    buttons: {
                    Update: function(e) {
                    // your code
                    },
                    Close: function() {
                        $(this).dialog( "close" );
                    }
                },
                close: function(e) {
                    $(this).remove();
                }
                });
            }
            else
            {
                alert("Empty Response");
            }
        },
        error:function(e){ alert("Failed!");}
    });
});
$(“.editlink”)。单击(函数(e){
e、 预防默认值();
e、 停止即时复制();
var url=$(this.attr(“href”);
$.ajax({
url:url,
成功:功能(msg){
如果(消息长度>0)
{
$(“”).html(msg)
.对话({
可调整大小:false,
最小宽度:400,
莫代尔:是的,
标题:“对话框标题”,
隐藏:“缩放”,
按钮:{
更新:职能(e){
//你的代码
},
关闭:函数(){
$(此).dialog(“关闭”);
}
},
关闭:功能(e){
$(this.remove();
}
});
}
其他的
{
警报(“空响应”);
}
},
错误:函数(e){alert(“Failed!”);}
});
});

您能更具体地说明您的字段吗?@Heera:该字段已经包含url。例如:''。除此之外,如果可能的话,我会尽量把注意力集中在打开的对话上。如果你认为需要完整的代码,我可以放在这里。我并不是为了简化而提出的。非常感谢。您想知道如何使用ajax调用从服务器加载数据并将其放入jquery对话框吗?非常感谢@Heera。这正是我需要的!不幸的是,我没有成功地让它工作。。。我删除了代码的第一部分,直到$.ajax,我试图用静态url更改url,但我总是陷入空响应。。。