jQuery Grid Plugin - jqGrid - Topic: Nothing displayed http://www.trirand.com/blog/?page_id=393/help/nothing-displayed Simple:Press Version 5.7.5.3 violinssoundcool on Nothing displayed http://www.trirand.com/blog/?page_id=393/help/nothing-displayed#p17128 Help http://www.trirand.com/blog/?page_id=393/help/nothing-displayed#p17128 Wait a second.  I noticed that I have a comma instead of a period at .jqGrid().  Now, I get the grid displayed, but everything has a gray overlay.  Is this something to do with how I've linked to the dark-hive theme?

]]> Wed, 12 May 2010 22:44:24 +0300 violinssoundcool on Nothing displayed http://www.trirand.com/blog/?page_id=393/help/nothing-displayed#p17126 Help http://www.trirand.com/blog/?page_id=393/help/nothing-displayed#p17126 Hi.  I'm trying to mimick the "Input Types" example, and I wish I had more of a description of the problem, but absolutely nothing is being displayed.  It looks like all of the external js and css files are found okay.  I've never tried it with local data before.  So, I may have missed something there.  Here's my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DT.....t;&gt;
       
<html>
<head>
    <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <META http-equiv="Content-Style-Type" content="text/css">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <title>Test</title>
    
    <link rel="stylesheet" type="text/css" media="screen" href="/SCRAP/JS/jQueryUI/css/dark-hive/jquery-ui-1.8.1.custom.css">
    <script src="/SCRAP/JS/jQueryUI/js/jquery-1.4.2.min.js"></script>
    <script src="/SCRAP/JS/jqgrid/js/jquery.jqGrid.min.js"></script>
    <script src="/SCRAP/JS/jQueryUI/js/jquery-ui-1.8.1.custom.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function()
        {
            
            //JQGrid
            var lastsel2;
            $("#rowed5"),jqGrid({
                datatype: "local",
                height: 250,
                colNames:['ID','Ticket No.','Item Code','Gross 1','Tare 1','Gross 2','Tare 2','Adjust','Actual','Actions'],
                colModel:[
                    {name:'id',index:'id', width:90, sorttype:"int", editable: true},
                    {name:'ticketNo',index:'ticketNo',width:90, editable:true},
                    {name:'itemCode',index:'itemCode', width:150,editable: true,editoptions:{size:"20",maxlength:"30"}},
                    {name:'gross1',index:'gross1', width:60, editable: true,edittype:"checkbox",editoptions: {value:"Yes:No"}},
                    {name:'tare1',index:'tare1', width:90, editable: true,edittype:"select",editoptions:{value:"FE:FedEx;IN:InTime;TN:TNT;AR:ARAMEX"}},
                    {name:'gross2',index:'gross2', width:150,editable: true,editoptions:{size:"20",maxlength:"30"}},
                    {name:'tare2',index:'tare2', width:150,editable: true,editoptions:{size:"20",maxlength:"30"}},
                    {name:'adjust',index:'adjust', width:150,editable: true,editoptions:{size:"20",maxlength:"30"}},
                    {name:'actual',index:'actual', width:150,editable: true,editoptions:{size:"20",maxlength:"30"}},                                                                                                     
                    {name:'note',index:'note', width:200, sortable:false,editable: true,edittype:"textarea", editoptions:{rows:"2",cols:"10"}}
                ],
                
                onSelectRow: function(id){
                    if(id && id!==lastsel2){
                        $("#rowed5").jqGrid('restoreRow',lastsel3);
                        $("#rowed5").jqGrid('editRow',id,true);
                        lastsel2=id;
                    }
                },
                
                editurl: "SCTE2",
                caption: "Input Types" });
                var mydata3 = [
                    {id:"test",ticketNo:"test",itemCode:"test",gross1:"test",tare1:"test", gross2:"test", tare2:"test", adjust:"test", actual:"test", actions:"Btns"},
                    {id:"test",ticketNo:"test",itemCode:"test",gross1:"test",tare1:"test", gross2:"test", tare2:"test", adjust:"test", actual:"test", actions:"Btns"},
                    {id:"test",ticketNo:"test",itemCode:"test",gross1:"test",tare1:"test", gross2:"test", tare2:"test", adjust:"test", actual:"test", actions:"Btns"},
                    {id:"test",ticketNo:"test",itemCode:"test",gross1:"test",tare1:"test", gross2:"test", tare2:"test", adjust:"test", actual:"test", actions:"Btns"},
                    {id:"test",ticketNo:"test",itemCode:"test",gross1:"test",tare1:"test", gross2:"test", tare2:"test", adjust:"test", actual:"test", actions:"Btns"},
                    {id:"test",ticketNo:"test",itemCode:"test",gross1:"test",tare1:"test", gross2:"test", tare2:"test", adjust:"test", actual:"test", actions:"Btns"},
                    {id:"test",ticketNo:"test",itemCode:"test",gross1:"test",tare1:"test", gross2:"test", tare2:"test", adjust:"test", actual:"test", actions:"Btns"}
                ];
                
                for(var i=0;i < mydata2.length;i++)
                $("#rowed5").jqGrid('addRowData',mydata2[i].id,mydata2[i]);
            });  

   </script>
</head>

<body>
    TEST TEST TEST
    <table id="rowed5" class="scroll" cellpadding="0" cellspacing="0"></table>
    <div id="pager2" class="scroll" style="text-align: center; height: 35px;"></div>
</body>
</html>

]]> Wed, 12 May 2010 22:15:19 +0300