Forum
Log In
Home
Topic RSS
02:39
15/10/2010
Offline
A very nice visual feature would be to be able to pass parameters to the editGridRow so that we could use the JQuery animate when creating the modal form.
That way it could nicely fade-in/out or zoom in (grow from small to big). The animations would be quick so they wouldn't take up unneccesary time, but they would add that level of polish that would make it look very professional.
In the meantime, I looked at the createModal function in the grid.common.js, but I was unsure where/if I could add a jquery.animate statement.
Animating the box for the grid would be nice too, but it was mostly the gridEdit modal boxes.
Jim
02:59
15/10/2010
Offline
Just a quick update - I added this feature myself (for now).
On line 73 you will see this:
jQuery(mw).prepend(mh);
if(appendsel===true) { jQuery('body').append(mw); } //append as first child in body -for alert dialog
else {jQuery(mw).insertBefore(insertSelector).fadeIn();}
if(typeof p.jqModal === 'undefined') {p.jqModal = true;} // internal use
Just add the text shown in red above.
The other thing you need to do is add recreateForm:true to your edit and add options. For example:
jQuery("#list").jqGrid('navGrid','#pager',{del:true, add:true, edit:true, view:true, search:false},
{editCaption:"Clicked Edit Button", recreateForm:true, editData:{formname:'GOTHERE'}},{addCaption:"Clicked Add Button", recreateForm:true, editData:{formname:'addform'}});
jQuery("#list").jqGrid('filterToolbar',{stringResult:true, searchOnEnter:false});
Enjoy!
Jim
Most Users Ever Online: 715
Currently Online:
77 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66
