jQuery Grid Plugin - jqGridForum

Topic RSS

SaveRow without Enter key

24/12/2010
10:08

schechtere

Chicago

New Member

Members

Forum Posts: 1

Member Since:
24/12/2010

Offline

I have a grid with one editable column, which is a drop down list. When the grid is loaded, am making each row of this column editable. I would like to be able to save the data whenever the user makes a selection from the list, without requiring them to press the Enter key.

I verified that the Change event is fired when a dropdown is selected:

editoptions: { value:"ACE:ACE;ACC:ACC;DSP:DSP;PKU:PKU;DLV:DLV",

dataEvents: [ type: 'change',

fn: function(e) { {

alert('Order is ' + JSON.stringify(e.target.parentNode.parentNode.childNodes[0].innerHTML));

} ] } }

I think my disconnect is that I need the row_id, and I am not getting it from the 'change'. Is there a better way?

26/12/2010
14:00

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

HEllo,

Yes it is possible and you can do what you want logic. The idea is to use the onSelectRow event.

Go into the demo

http://trirand.com/blog/jqgrid.....qgrid.html

Open the Row editing tree item and then Using Events example.

Replace the onSelectRow event with this:

onSelectRow: function(id)

{ if(id && id!==lastsel) {

jQuery('#rowed3').jqGrid('saveRow',lastsel);

jQuery('#rowed3').jqGrid('editRow',id,true); lastsel=id;

}

As you can see we have replace the restoreRow with save row function

Best Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
53 Guest(s)

Currently Browsing this Page:
1 Guest(s)