jQuery Grid Plugin - jqGrid - Topic: Custom Edit Form

krakerns on Custom Edit Form

Mon, 17 May 2010 07:31:06 +0300

Noob Question: How can i close the loaded modal window? if it is loaded from other page.

Dmoney on Custom Edit Form

Mon, 28 Dec 2009 19:47:11 +0200

I was able to achieve what I needed like this :

$('#opener').click(function() {
           var $gr = jQuery("#editgrid").jqGrid('getGridParam','selrow');

           if($gr){

                       var $dialog = $('<div></div>')

                       .load('modalForm.php?edit=' + $gr)
                       .dialog({
                           autoOpen: false,
                           title: 'Basic Dialog'
                       });

                       $dialog.dialog('open');
                       }
           else {

       alert('please select a row to edit');}
   });

tony on Custom Edit Form

Mon, 28 Dec 2009 18:33:36 +0200

Hello,

Maybe you will need to use the FormToGrid and GridToForm methods in this case.

http://www.trirand.com/jqgridw.....gridtoform

Best Regards

Tony

Dmoney on Custom Edit Form

Mon, 28 Dec 2009 18:01:30 +0200

I need to have a custom edit form so that I can make changes to data I'm not displaying in the grid that exists in the record in mysql. I also need an Add Record Button.

I believe I can accomplish the Add Record using jquery ui like this:

var $dialog = $('<div></div>')
        .load('modalForm.php')
        .dialog({
            autoOpen: false,
            title: 'Basic Dialog'
        });

    $('#opener').click(function() {

        $dialog.dialog('open');
    });

<button id="opener" class="ui-button ui-state-default ui-corner-all">Create New</button>

But I don't know how to do the same for the edit because I don't know how to pass the selected row to the modal window. for example selecting row 3 and pressing the edit button needs to open a modal with the ajax page "modalForm.php?row=3" my current edit row button calls this:

$("#bedata").click(function(){
    var gr = jQuery("#editgrid").jqGrid('getGridParam','selrow');
    if( gr != null ) jQuery("#editgrid").jqGrid('editGridRow',gr,{height:280,reloadAfterSubmit:false});
    else alert("Please Select Row");
});

but I do not know how to modify this to load an external form rather than just the fields that are displayed in the grid. ie "modalForm.php?row=3"

Any suggestions?