jQuery Grid Plugin - jqGrid - Topic: Form edit: Save record on previous/next

Reg on Form edit: Save record on previous/next

Sun, 05 Sep 2010 20:29:11 +0300

Hello Oleg,

Thanks for your suggestion. That works for me, so I'm a happy camper again.

Reg

OlegK on Form edit: Save record on previous/next

Fri, 03 Sep 2010 00:54:31 +0300

Hi Reg,

You can try to use

$("#sData", "#"+frmtb+"_2").trigger("click");

instead of $("#sData",formid).trigger("click"); where frmtb is a string "TblGrid_"+gID, where gID is the id of your jqGrid. Because id of your grid is "tblmarks", then you cat try simulate saving with respect of

$("#sData", "#TblGrid_tblmarks_2").trigger("click");

$("#sData", "table.EditTable#TblGrid_tblmarks_2").trigger("click");

Best regards
Oleg

Reg on Form edit: Save record on previous/next

Thu, 02 Sep 2010 23:43:07 +0300

It's not working for me –

First problem I had is that I added this event to the grid definition, not the modal form definition — once I had that fixed, things went better.

I've inserted an Alert() to tell me if the event is being called, and when I press enter on the next button, the alert message appears and I move to the next record. But there is no hit on my server to do a save.

My code looks like this:

var editprm = {
    jqModal: false,
    editCaption: "Edit a Student's Mark",
    top: 0,
    left: 50,
    width: 600,
    height: 400,
    onclickPgButtons: function (which, formid, rowid) {
        alert(which + " button clicked on " + formid );
        $("#sData",formid).trigger("click");
      },
    reloadAfterSubmit:true,
    closeAfterEdit:true
};

The alert message is "next button clicked on [object Object]"

My grid definition is as follows:

   $("#tblmarks").jqGrid( {
      url: 'wc.dll?CMProcess~AjaxGet~&Data=Grades&Key=&Same=.F.&sk=30R0TFL6417744&sh=39',
      datatype: 'xml',
      colNames: ['Student','Mark','Seconds','Comments'],
      colModel: [{name:'member', sortable:false, width:150 },
        {name:'mark', sortable:false, editable:true, width:35 },
        {name:'timetaken', sortable:false, editable:true, width:55 },
        {name:'comments', sortable:false, editable:true, edittype:'textarea', editoptions:{rows:'8',cols:'60'}, width:300 }],
      height: 'auto',
      altRows: true,
      altclass: 'ui-priority-secondary',
      gridview: true,
      rowList:[10,25,50,100,999],
      page: 1,
      rowNum:999,
      loadui: 'block',
      viewsortcols: [true,'horizontal',true],
      hidegrid: false,
      caption: 'Enter Student Marks',
      editurl:'wc.dll?CMProcess~AjaxPut~&Data=Grades&sk=30R0TFL6417744&sh=39',
      loadError: function(xhr,st,err) {
        $("#tblmarksMessage").html("Type: "+st+"; Response: "+ xhr.status + " "+xhr.statusText);
        },
      ondblClickRow: function(rowid) { $("#tblmarks").editGridRow(rowid,editprm);},
      loadComplete: function() {
        }
    });
    $("#tblmarks").navGrid('#tblmarksPager',{
        add:false,edit:true, edittext:'Edit',del:false,search:false,refresh:true
         },
        editprm, // edit
        {}, // add
        {} // delete
     )

Any idea what I am doing wrong?

Tony, can you help?

Thanks,

Reg

psparta on Form edit: Save record on previous/next

Wed, 01 Sep 2010 22:26:22 +0300

Estimados:

Con este pequeño cambio funcionó OK:

                    onclickPgButtons: function(which, formid, rowid) {
                            jQuery('#sData').trigger('click');
                    },

Saludos y gracias por el post.

Seroczynski on Form edit: Save record on previous/next

Fri, 27 Aug 2010 17:50:14 +0300

I'm sorry to bump this thread, however I expected this to be a feature which wouldn't only benefit me. This would actually increase the fool-proofness of the entire jqGrid 🙂

Seroczynski on Form edit: Save record on previous/next

Tue, 24 Aug 2010 13:48:55 +0300

So I've found out I should use 'onclickPgButtons' and found a topic here where someone asks for an example and it seems to work for him (or her). However, I can't get it to work. Is there any place where I could get to see some kind of an example of some sort?

My current code:

... jqGrid definition ...

...

onclickPgButtons: function(which, formid, rowid) {
jQuery('#sData', formid).trigger('click');
},

...

Is "#sData" a predefined parameter or value? Because in the example I got from the other topic it get's followed by the var 'formid'.

I'm starting to get confused and could use some help here, thanks in advance.

Seroczynski on Form edit: Save record on previous/next

Tue, 24 Aug 2010 11:47:52 +0300

Hey all,

I've searched the forum with no succes, therefor I'm asking if anyone knows how I'd be able to make sure the following works.

I'd like to be able to save a record when the user uses one of the navigation buttons found at the lower-left bottom of the form edit (default settings). Now the user has to manually press the save button or else he/she will lose any changes that have been made to the record.

Thanks in advance for any help or hints toward the right directions

Edit: I've found some more information at the Wiki, I'll be sure to check this out and reply with my findings.