Forum
Log In
Home
Topic RSS
00:50
24/12/2010
Offline
Hello...I'm following the tutorial on Integrated search toolbar and I've downloaded (click everything including custom) from Jquery UI. I'm not sure what's the problem because, nothing isn't show up on my page (including the grid itself). I realize there is an src "<script src="search2.js" type="text/javascript"> </script>" called "search2.js"....not sure if this is a dependency why the grid isn't working. Any ideas?
thankis,
Dean.
14:19
Moderators
30/10/2007
Offline
Hello,
Please follow this instructions first:
http://www.trirand.com/jqgridw.....first_grid
And then implemetnt other things.
Kind Regards
Tony
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.
16:40
24/12/2010
Offline
Tony, I did follow the tutorial, as I've already implemented other data grid with JqGrid in my application. For some reason, the "Integrated Search Toolbar" I found from http://www.trirand.com/blog/jq.....qgrid.html isn't working.
here's my code:
<table id="s2list"></table>
<div id="s2pager"></div>
<div id="filter" style="margin-left:30%;display:none">Search Invoices</div>
<script type="text/javascript">
var mygrid = jQuery("#s3list").jqGrid({
url:'search.php?q=1',
datatype: "json",
width: 700,
colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
colModel:[ {name:'id',index:'id', width:65}, {name:'invdate',index:'invdate', width:90,searchoptions:{dataInit:function(el){$(el).datepicker({dateFormat:'yy-mm-dd'});} }}, {name:'name',index:'name', width:100}, {name:'amount',index:'amount', width:80, align:"right"}, {name:'tax',index:'tax', width:80, align:"right", stype:'select', editoptions:{value:":All;0.00:0.00;12:12.00;20:20.00;40:40.00;60:60.00;120:120.00"}}, {name:'total',index:'total', width:80,align:"right"}, {name:'note',index:'note', width:150, sortable:false} ],
rowNum:10,
mtype: "POST",
rowList:[10,20,30],
pager: '#s3pager',
sortname: 'id',
viewrecords: true,
rownumbers: true,
sortorder: "desc",
gridview : true,
caption:"Toolbar Search Example" });
jQuery("#s3list").jqGrid('navGrid','#s3pager',{edit:false,add:false,del:false,search:false,refresh:false});
jQuery("#s3list").jqGrid('navButtonAdd',"#s3pager",{caption:"Toggle",title:"Toggle Search Toolbar", buttonicon :'ui-icon-pin-s', onClickButton:function(){ mygrid[0].toggleToolbar() } });
jQuery("#s3list").jqGrid('navButtonAdd',"#s3pager",{caption:"Clear",title:"Clear Search",buttonicon :'ui-icon-refresh', onClickButton:function(){ mygrid[0].clearToolbar() } });
jQuery("#s3list").jqGrid('filterToolbar');
</script>
16:45
24/12/2010
Offline
BTW, I have these .js and .css files already included in my project
- ui-lightness/jquery-ui-1.8.7.custom.css
- ui.jqgrid.css
- jquery-1.4.4.min.js
- i18n/grid.locale-en.js
- jquery.jqGrid.min.js
- jquery-ui-1.8.7.custom.min.js
Most Users Ever Online: 715
Currently Online:
54 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
