jQuery Grid Plugin - jqGridForum

Topic RSS

How to add a save button ?

21/12/2009
01:24

xavier

New Member

Members

Forum Posts: 1

Member Since:
21/12/2009

Offline

Hi,

I had some usability comments on inline editing (by row), and users didn't understand they needed to press enter to save.

I would have liked to add a "save" button when entering ito edit mode, and a msg "record saved" after.

I tried:

   beforeSelectRow: function (id,e) {
jQuery('#list').navButtonAdd('#pager',{
   caption:"Add",
   buttonicon:"ui-icon-save",
   onClickButton: function(){
     alert("Save");
   },
   position:"last"
})

But it doesn't add the button.

(and not sure what to but on the OnClickButton function either)

Is there an option to display the save button on inline row editing ?

Thanks in advance, and I'm seriously impressed by this plugin !

X+

22/12/2009
09:54

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

navButtonAdd – add a button in the pager. If you do so every time a button will be added in the pager.

My suggestion is: add the button when you initialize the grid and the show/hide them when you edit/save the row

$(”#mygrid”).jqGrid({

});

$(”#mygrid”).jqGrid('navButtonAdd','#pager',{id:'mysaveid',…});

$(”#mysaveid”).hide();

and then in beforeSelectRow just to show the button and after saving to hide them again.

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:
56 Guest(s)

Currently Browsing this Page:
1 Guest(s)