jQuery Grid Plugin - jqGrid - Topic: JQGrid / DropDown - Cannot reproduce simple example http://www.trirand.com/blog/?page_id=393/help/jqgrid-dropdown-cannot-reproduce-simple-example Simple:Press Version 5.7.5.3 JQNovice on JQGrid / DropDown - Cannot reproduce simple example http://www.trirand.com/blog/?page_id=393/help/jqgrid-dropdown-cannot-reproduce-simple-example#p23811 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-dropdown-cannot-reproduce-simple-example#p23811 From the original trirand page source code I downloaded and included into my html all the js and css files. This solved the problem. Probably it was a conflict between two js files.

]]> Wed, 29 Jun 2011 21:25:26 +0300 JQNovice on JQGrid / DropDown - Cannot reproduce simple example http://www.trirand.com/blog/?page_id=393/help/jqgrid-dropdown-cannot-reproduce-simple-example#p23810 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-dropdown-cannot-reproduce-simple-example#p23810 I'm trying to reproduce a simple JQGrid example on my computer (this is the example: http://www.trirand.com/blog/jq.....qgrid.html >> Row editing >> Input types)

When I visit the trirand site it works fine in my IE6, but when I'm trying to reproduce the grid on my computer, the drop down list is resetting to the first item whenever I open it (when I select ARAMEX it resets to FEDEX, the first item in the drop down list). The feature works fine in Firefox.

Please help:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DT.....t;&gt;
<html xmlns="http://www.w3.org/1999/xhtml&q.....t;&gt;
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" media="screen" href="themes/redmond/jquery-ui-1.8.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
 
<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>

    
    
    
    
    <script type="text/javascript">

$(document).ready(function() {
        var lastsel2
jQuery("#rowed5").jqGrid({
    datatype: "local",
    height: 250,
       colNames:['ID Number','Name', 'Stock', 'Ship via','Notes'],
       colModel:[
           {name:'id',index:'id', width:90, sorttype:"int", editable: true},
           {name:'name',index:'name', width:150,editable: true,editoptions:{size:"20",maxlength:"30"}},
           {name:'stock',index:'stock', width:60, editable: true,edittype:"checkbox",editoptions: {value:"Yes:No"}},
           {name:'ship',index:'ship', width:90, editable: true,edittype:"select",editoptions:{value:"FE:FedEx;IN:InTime;TN:TNT;AR:ARAMEX"}},        
           {name:'note',index:'note', width:200, sortable:false,editable: true,edittype:"textarea", editoptions:{rows:"2",cols:"10"}}        
       ],
    onSelectRow: function(id){
        if(id && id!==lastsel2){
            jQuery('#rowed5').jqGrid('restoreRow',lastsel2);
            jQuery('#rowed5').jqGrid('editRow',id,true);
            lastsel2=id;
        }
    },
    editurl: "server.php",
    caption: "Input Types"

});
var mydata2 = [
        {id:"12345",name:"Desktop Computer",note:"note",stock:"Yes",ship:"FedEx"},
        {id:"23456",name:"Laptop",note:"Long text ",stock:"Yes",ship:"InTime"},
        {id:"34567",name:"LCD Monitor",note:"note3",stock:"Yes",ship:"TNT"},
        {id:"45678",name:"Speakers",note:"note",stock:"No",ship:"ARAMEX"},
        {id:"56789",name:"Laser Printer",note:"note2",stock:"Yes",ship:"FedEx"},
        {id:"67890",name:"Play Station",note:"note3",stock:"No", ship:"FedEx"},
        {id:"76543",name:"Mobile Telephone",note:"note",stock:"Yes",ship:"ARAMEX"},
        {id:"87654",name:"Server",note:"note2",stock:"Yes",ship:"TNT"},
        {id:"98765",name:"Matrix Printer",note:"note3",stock:"No", ship:"FedEx"}
        ];
        
for(var i=0;i < mydata2.length;i++)
{
//alert(mydata2[i].id);
 jQuery("#rowed5").jqGrid('addRowData',mydata2[i].id,mydata2[i]);
 }

 
 });
    
    </script>
</head>

<body>

    

        <table id="rowed5"></table>
    
    
    
</body>
</html>

]]> Wed, 29 Jun 2011 19:58:20 +0300