jqgrid: как отобразить поле как ссылку и открыть jquery.dialog, содержащий загруженную страницу редактирования ajax?

Question

Я хотел бы отобразить поле как ссылку и открыть диалоговое окно 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");
                }
            }
        });

Заранее спасибо

Answer 1

Я не уверен, что именно вы хотите, но я надеюсь, что этот фрагмент кода даст вам представление.

$(".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!");}
    });
});