Forum
Log In
Home
Topic RSS
17:22
28/10/2009
Offline
Hi All,
I am new to jqGrid, I've spend the whole day try to setup and run a sample of jqGrid, but no luck, the page is not display anything at all. Can anyone please help me out here?
I download the jqGrid 3.5.3, and follow the install guide, set it up and copy the sample code form http://www.trirand.com/jqgrid/..... Autowidth and row numbering
Here is my code:
<html>
<head>
<link rel="stylesheet" href="../css/black-tie/jquery-ui-1.7.2.custom.css" type="text/css" media="all" >
<link rel="stylesheet" href="../css/ui.jqgrid.css" type="text/css" media="all">
<script src="../javascript/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../javascript/jquery-ui-1.7.2.custom.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../javascript/grid.locale-en.js" type="text/javascript" charset="utf-8"></script>
<script src="../javascript/jquery.jqGrid.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<table id="lista1"></table> <div id="pagera1" class="scroll"></div>
</body>
</html>
<!-- I copy the sample code form http://www.trirand.com/jqgrid/..... Autowidth and row numbering -->
< script type = "text/javascript" > jQuery().ready(function ()
{
jQuery("#lista1").jqGrid(
{
url : 'server.php?q=1', datatype : "xml", colNames : ['Inv No', 'Date', 'Client', 'Amount', 'Tax',
'Total', 'Notes'], colModel : [ {
name : 'id', index : 'id', width : 75
},
{
name : 'invdate', index : 'invdate', width : 90
},
{
name : 'name', index : 'name', width : 100
},
{
name : 'amount', index : 'amount', width : 80, align : "right"
},
{
name : 'tax', index : 'tax', width : 80, align : "right"
},
{
name : 'total', index : 'total', width : 80, align : "right"
},
{
name : 'note', index : 'note', width : 150, sortable : false
} ], rowNum : 10, autowidth : true, rownumbers : true, rowList : [10, 20, 30], pager : jQuery('#pagera1'),
sortname : 'id', viewrecords : true, sortorder : "desc", caption : "XML Example"
}).navGrid('#pager1', {
edit : false, add : false, del : false
});
</script>
03:37
Moderators
30/10/2007
Offline
Hello,
You should not copy and pase the code.
Try to write it by hand.
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.
12:04
22/12/2008
Offline
did you make server.php? have hou exactly the same structure of file/folder as the sample? in other words jsut drag & drop jquery-ui-1.7.2.custom.css to see what html code will be generated. Good luck and try to read first the documentation.
Most Users Ever Online: 994
Currently Online:
21 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
