jQuery Grid Plugin - jqGrid - Topic: customize the form Edit Dialog http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog Simple:Press Version 5.7.5.3 Liton on customize the form Edit Dialog http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p15966 Help http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p15966 I found a way to change the layout of the edit dialog box form the way I want. I use jqgrid.editform.js plugin and change the function "createData" at page around 600. I collect all of the trdata and assing them in some temp variables like

if

(obj.p.colNames[i] === 'A') {

A= trdata.html();

}

else if (obj.p.colNames[i] === 'B') {

B= trdata.html();

}

after that just create the long html strings and put your variables in the places you want .

var xx=<tr><td><table><tr><td><fieldset><legend>Your Message</legend><table><tr>" + A + "</tr><tr><td colspan='4'><table><tr>" + B+ "</tr></table></td></tr><tr><td colspan='4'><fieldset><table><tr>" + C+ "</tr><tr>" +

$(tb).append(xx);

I hope this will help

]]> Thu, 25 Mar 2010 19:33:49 +0200 Liton on customize the form Edit Dialog http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p15766 Help http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p15766 Hi,

I'm also trying to create a custom form where fields will be group together, use field set and other html tags but end up with no luck.Cry I was using the jqgrid.formedit.js

Can you help me or at least point me from where I can start up?

]]> Wed, 17 Mar 2010 01:13:19 +0200 tony on customize the form Edit Dialog http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p13590 Help http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p13590 Hello,

What you mean with

"Is their any way other than selecting all the tr by id and changing the html ?"

If you want a custom form , you can construct your own and the use FormToGrid and GridToForm methods,

but I do not understand.

Reagrds

Tony

]]> Wed, 06 Jan 2010 09:37:13 +0200 miron caius on customize the form Edit Dialog http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p13561 Help http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p13561 I have been trying for a while to change the layout of the edit grid .. but i really need the help. Is their any way other than selecting all the tr by id and changing the html ?

]]> Tue, 05 Jan 2010 03:48:54 +0200 miron caius on customize the form Edit Dialog http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p13560 Help http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p13560 Also here you have the list of events and properties that can be used for this search dialog:

http://www.trirand.com/jqgridw.....rm_editing

]]> Mon, 04 Jan 2010 23:53:54 +0200 miron caius on customize the form Edit Dialog http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p13559 Help http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p13559 Found the solution:

add this code:

jQuery("#navgrid").jqGrid('navGrid','#pagernav',
{edit:true,add:false,del:false, search:false}, //options
{ height:360,reloadAfterSubmit:false, top:100,
afterShowForm : hookDatePicker }, // edit options

{height:280,reloadAfterSubmit:false}, // add options

{reloadAfterSubmit:false}, // del options

{sopt:['cn','bw','eq','ne','lt','gt','ew']} // search options
);

and declare a function to threat the event:

function hookDatePicker(formID)
{
               $("#register_date").datepicker({
                   dateFormat: "dd-mm-yy",
                   onSelect: function(dateText, inst) {
                       var grid = jQuery("#<%= JQGrid1.ClientID %>");
                       $("#register_date").datepicker('hide');
                       //grid.saveRow(formID);
                   }
               });
}

]]> Mon, 04 Jan 2010 23:52:26 +0200 miron caius on customize the form Edit Dialog http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p13558 Help http://www.trirand.com/blog/?page_id=393/help/customize-the-form-edit-dialog#p13558 Hello,

The ASP example shows how one can customize the layout of the edit dialog.

http://www.trirand.net/demo.aspx

How can i customize the layout of this form, and add events for different fields ?

]]> Mon, 04 Jan 2010 23:20:03 +0200