bonjour,
je cherche comment intègre le maquette de jqueyGrid le modèle navigator
http://www.trirand.com/jqgrid/jqgrid.html
j'ai bien integre la maquette et je cherche comment faire passe les donnes a cette maquette
par exp le colNames il faut faire une fonction qui faire appelle a des champs de notre table produit par exp??
Code JS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
jQuery(document).ready(function(){ 
	jQuery("#navgrid").jqGrid({ 
 
					 url:'',
					  datatype: "xml", 
					  colNames:['Inv No','Date', 'Client','Amount','Tax','Total','Closed','Ship via','Notes'],
					  colModel:[ {name:'id',index:'id', width:55,editable:false,editoptions:{readonly:true,size:10}},
								 {name:'invdate',index:'invdate', width:80,editable:true,editoptions:{size:10}},
								 {name:'name',index:'name', width:90,editable:true,editoptions:{size:25}},
								 {name:'amount',index:'amount', width:60, align:"right",editable:true,editoptions:{size:10}},
								 {name:'tax',index:'tax', width:60, align:"right",editable:true,editoptions:{size:10}},
								 {name:'total',index:'total', width:60,align:"right",editable:true,editoptions:{size:10}},
								 {name:'closed',index:'closed',width:55,align:'center',editable:true,edittype:"checkbox",editoptions:{value:"Yes:No"}},
								 {name:'ship_via',index:'ship_via',width:70, editable: true,edittype:"select",editoptions:{value:"FE:FedEx;TN:TNT"}},
								 {name:'note',index:'note', width:100, sortable:false,editable: true,edittype:"textarea", editoptions:{rows:"2",cols:"20"}}
							   ],
					  rowNum:10,
					  rowList:[10,20,30],
					  imgpath: ' /ss/themes/redmond/images', 
					  pager: jQuery('#pagernav'), 
					  sortname: 'id', 
					  viewrecords: true, 
					  sortorder: "desc", 
					  caption:"Navigator Example", 
					  editurl:"", 
					  height:210 
				}
				  ).navGrid('#pagernav', {},  {height:280,reloadAfterSubmit:false},  {height:280,reloadAfterSubmit:false},  {reloadAfterSubmit:false}, {} ); 
 
	}
);