Forum


18:08

20/08/2011

18:17

Moderators
30/10/2007

Hello,
It depends which library you use to create the dialog. If this is the jQuery UI dialog then maybe you will need to look at thier documentation and forums.
Regards
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.
19:17

20/08/2011

Hello Tony,
I don't expect you to respond to this post since it is not DIRECTLY related to jqGRID.
In any case, i don't think jqGRID has a library or method for creating stylized custom forms. Your demos page example does not use any jqGRID methods for creating the sample custom form other than HTML.
However, i did come up with a solution for hiding my custom "workorder-window" form dialog when the user clicks outside the form dialog.
// open the form dialog.
$('#workorder-button').button().click(function(event){$('#workorder-window').data('WOID','19').dialog('open'); $('#tab2-grid').jqGrid('GridToForm',$.data('WOID'),'#workorder-form'); event.stopPropagation();});
// stop propagation (do nothing) when i click in the form dialog.
$('#workorder-window').click(function(event){event.stopPropagation();});
// close the form dialog when the user clicks outside the dialog box.
$('html').click(function(event){$('#workorder-window').dialog('close');});
It works everywhere except when i click on a jquery tab widget button.
09:55

05/07/2012

Hi nelsonm,
I am also searching for a customized layout editform for a jqgrid. In my case edit form can also contain more jqGrid. I will be thankful if you share some demo example like you did in your custom "workorder-window" form dialog. My email id is imdad.sarwar@gmail.com
nelsonm said:
Hello Tony,
I don't expect you to respond to this post since it is not DIRECTLY related to jqGRID.
In any case, i don't think jqGRID has a library or method for creating stylized custom forms. Your demos page example does not use any jqGRID methods for creating the sample custom form other than HTML.
However, i did come up with a solution for hiding my custom "workorder-window" form dialog when the user clicks outside the form dialog.
// open the form dialog.
$('#workorder-button').button().click(function(event){$('#workorder-window').data('WOID','19').dialog('open'); $('#tab2-grid').jqGrid('GridToForm',$.data('WOID'),'#workorder-form'); event.stopPropagation();});
// stop propagation (do nothing) when i click in the form dialog.
$('#workorder-window').click(function(event){event.stopPropagation();});
// close the form dialog when the user clicks outside the dialog box.
$('html').click(function(event){$('#workorder-window').dialog('close');});
It works everywhere except when i click on a jquery tab widget button.
18:44

20/08/2011

Unfortunetly, i ended up trashing my custom form. Creating a custom stylized form in jqgrid requires a lot of dom modification via jquery. I concluded that it's not worth it.
I ended up creating a new custom form that does not interact with jqgrid at all.
If jqgrid populated and manipulated the grid associatively rather than numerically, creating a custom stylized form would have been easier.
Even their commercial php version of the jqgrid form generator still creates a linear row/column form. You can't group objects and surround them in a bordered box or move the group around to organize the form in any logical way.
You can't do this:
Most Users Ever Online: 715
Currently Online:
55 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