Thank you Oleg, this solved the issue.
Hi Tony,
Yes, it does have some pager id since I just copied the grid definition as follow, pasted only the relevant portion:
<!
rowNum:100,
rowList:[100,200],
rownumbers:true,
pager: '#pager2',
sortname: 'product_id',
viewrecords: true,
sortorder: “asc”,
width: 950,
height: “100%”,
// toolbar: [true,”top”],
userDataOnFooter: true,
footerrow: 'true',
gridview:true,
//userData: “userdata”,
caption:”” });
jQuery(“#dailygrid”).jqGrid('navGrid','#pager2',
{add:false,addtext:'Add',del:false,deltext:'Delete',edit:false,edittext: 'Edit',search:false,refresh:false},
editOptions, // Edit Button handler
addOptions, // Add Button handler
delOptions, // Delete Button handler
{}).jqGrid('navButtonAdd',”#pager2″,{caption:”Receipt”,title:”Create Receipt”,onClickButton:function () {
var postData = $(“#dailygrid”).jqGrid('getGridParam','postData');
var str='';
for(i in postData)
str+=i+”=”+postData+”&”;
window.location.href=( “/order/list?export=receipt&”+ str + new Date().getTime());
}});
//Tabs
$(“#menu”).tabs({remote:true});
});
<!
rowNum:100,
rowList:[100,200],
rownumbers:true,
pager: '#pager2',
sortname: 'product_id',
viewrecords: true,
sortorder: “asc”,
width: 950,
height: “100%”,
// toolbar: [true,”top”],
userDataOnFooter: true,
footerrow: 'true',
gridview:true,
//userData: “userdata”,
caption:”” });
jQuery(“#monthlygrid”).jqGrid('navGrid','#pager2',
{add:false,addtext:'Add',del:false,deltext:'Delete',edit:false,edittext: 'Edit',search:false,refresh:false},
editOptions, // Edit Button handler
addOptions, // Add Button handler
delOptions, // Delete Button handler
{}).jqGrid('navButtonAdd',”#pager2″,{caption:”Receipt”,title:”Create Receipt”,onClickButton:function () {
var postData = $(“#monthlygrid”).jqGrid('getGridParam','postData');
var str='';
for(i in postData)
str+=i+”=”+postData+”&”;
window.location.href=( “/order/list?export=receipt&”+ str + new Date().getTime());
}});
//Tabs
$(“#menu”).tabs({remote:true});
});
here's, the generated html based on firebug, as you can see it created 2 pager2 div under the #dailygrid.

THANK YOU, it's solved. I never crossed my mind 
regards,
lupin
Set the editoptions on your col definition, such as:
{name:'qty',
index:'quantity',
width:20,
sortable:true,
align:'center',
edittype: 'text',
editable:true,
editoptions:{size:10},
formoptions:{label:'Quantity'}},
the edittype is default to 'text' but I just added for clarity you can change it to any form field though.
HTH,
lupin
Hi Missa,
Thanks a lot the .css line makes it 🙂
regards,
lupin
Hi,
Would you mind to share your solution? I want to add an select on my grid toolbar too but it damn so ugly and worse I can put a label on it.
thanks in advance,
lupin
Use the afterSubmit event /jqgridwiki/doku.php?id=wiki:form_editing
Hi,
Ok thats good, now what you want to achieve or the problem you're having? Loading data to grid using ArrayData?
This word “#list” on
hi,
What exactly is the problem you have? Perhaps you start here http://www.trirand.com/jqgridwiki/doku.php?id=wiki:first_grid and work make it work first then customise it later once you had it working.
hth,
lupin
hi,
hi,
Does your sql code does sort it? it check on the value of (sortname/$sidx) param, and pass it as
hello,
I don't get what you really wanted, since looking at your code you want to include a complete set of html document inside a head tag?
Won't be the output of of that end up like this?
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top