My error. I was sending more data fields than were defined in the colModel section.

Thanks for your help.

After looking and trying a few changes, I found the issue in having the sequence of commands in the wrong order.

Sorry to bother you.

Code from Firebug:

2
3
4
5
6
7var lastsel
8jQuery(document).ready(function(){
9 jQuery(“#list”).jqGrid({
10 url:'emp_gd_data.html',
11 datatype: 'json',
12 jsonReader : {
13 root: “rows”,
14 page: “page”,
15 total: “total”,
16 records: “records”,
17 repeatitems: true,
18 cell: “cell”,
19 id: “id”,
20 subgrid: {
21 root: “rows”,
22 repeatitems: true,
23 row: “Cell”,
24 cell: '0',
25 id: “id”
26 }
27 },
28 mtype: 'GET',
29 colNames:['Emp Nm', 'Active','Last','First','SSN','City','State','Site_ID','id'],
30 colModel :[
31 {name:'Emp_nm', index:'emp_nm', width:80, align:'right', sorttype:'int',
32 search:true,searchoptions:{sopt:['eq']}},
33 {name:'item_nm', index:'item_nm', width:80, align:'right', sorttype:'int'},
34 {name:'seq', index:'seq', width:80, align:'right'},
35 {name:'action', index:'action', width:80, sortable:true, editable:true},
36 {name:'act_dt', index:'act_dt', width:80, sortable:true},
37 {name:'ckd_by', index:'ckd_by', width:75, sortable:true},
38 {name:'sent_to', index:'sent_to', width:100, sortable:true},
39 {name:'alert', index:'alert', width:300, sortable:true,search:true},
40 {name:'id', index:'id', width:80, align:'right', sorttype:'int'} ],
41 editurl: 'emp_dtl.html',
42 pager: jQuery('#pager'),
43 rowNum:10,
44 rowList:[10,20,30],
45 sortname: 'account',
46 sortorder: “desc”,
47 viewrecords: true,
48 caption: 'Employees',
49 hidegrid: false,
50 hiddengrid: false,
51 multiselect: false,
52 subGrid : true,
53 subGridUrl: 'time_subgrid.html',
54 params: ['id'],
55 subGridModel: [{ name : ['No','Date','Start','End'],
56 width : [55,100,80,80],
57 align : ['left','left','right','right']
58 } ],
59 })
60});
61jQuery(“#list”).jqGrid('navGrid','#pager', { edit:true,add:false,del:false,search:true,refresh:true },
62 {}, // edit options
63 {}, // add options
64 {}, //del options
65 {multipleSearch:true} // search options
66 );
67
68$(“#bedata”).click(function(){
69 var gr = jQuery(“#list”).jqGrid('getGridParam','selrow');
70 if( gr != null ) jQuery(“#list”).jqGrid('viewGridRow',gr,{height:280,reloadAfterSubmit:false});
71 else alert(“Please Select Row”);
72});
73
74
75

Responce as in Firebug:

Returned data string:

I found the function 'gridToForm' and this looks like what I am looking for.

1. Can anyone point to a sample of the code, HTML page using this? It would really help to see a full implimentation to get a overall view of how everything works together.

2. It soulds like when the form is called with GridToForm ane the user submits back out of the form, the code returns to the jgrid anee will see the reload function. Is this correct?

Thanks.

andrewwatts said:

Post edited 08:01 – 19/11/2009 by andrewwatts
Post edited 08:03 – 19/11/2009 by andrewwatts
Post edited 08:04 – 19/11/2009 by andrewwatts

---

Hello Ed, we spoke in the TG forum about this issue and I just stumbled on your posts here.

Now that I've seen your code I can say a bit more and I believe you need to go back and double check all your script and css paths.

How are you returning the html page the first time and just the data after that? Have you split into two methods, one with @expose (url page name) and the second with @expose(“json”)?