jQuery Grid Plugin - jqGridForum

Topic RSS

Related Topics sp_TopicIcon

JQGrid / DropDown - Cannot reproduce simple example

Tags: jqgrid dropdown Select ie6

29/06/2011
19:58

JQNovice

New Member

Members

Forum Posts: 2

Member Since:
29/06/2011

Offline

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;>
<html xmlns="http://www.w3.org/1999/xhtml&q.....t;>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

$(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>

29/06/2011
21:25

JQNovice

New Member

Members

Forum Posts: 2

Member Since:
29/06/2011

Offline

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.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
22 Guest(s)

Currently Browsing this Page:
1 Guest(s)