jQuery Grid Plugin - jqGrid - Topic: Problem to Setup the jqGrid http://www.trirand.com/blog/?page_id=393/help/problem-to-setup-the-jqgrid Simple:Press Version 5.7.5.3 MamaliFrenchi on Problem to Setup the jqGrid http://www.trirand.com/blog/?page_id=393/help/problem-to-setup-the-jqgrid#p11245 Help http://www.trirand.com/blog/?page_id=393/help/problem-to-setup-the-jqgrid#p11245 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.

]]> Thu, 29 Oct 2009 12:04:25 +0200 tony on Problem to Setup the jqGrid http://www.trirand.com/blog/?page_id=393/help/problem-to-setup-the-jqgrid#p11226 Help http://www.trirand.com/blog/?page_id=393/help/problem-to-setup-the-jqgrid#p11226 Hello,

You should not copy and pase the code.

Try to write it by hand.

Regards

Tony

]]> Thu, 29 Oct 2009 03:37:00 +0200 thumer on Problem to Setup the jqGrid http://www.trirand.com/blog/?page_id=393/help/problem-to-setup-the-jqgrid#p11159 Help http://www.trirand.com/blog/?page_id=393/help/problem-to-setup-the-jqgrid#p11159 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/.....&nbsp; 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>

]]> Tue, 27 Oct 2009 17:22:53 +0200