jQuery Grid Plugin - jqGrid - Topic: Drop Down Disappears in IE6 when opening Navigation popup for ADD/EDIT operation http://www.trirand.com/blog/?page_id=393/discussion/drop-down-disappears-in-ie6-when-opening-navigation-popup-for-addedit-operation Simple:Press Version 5.7.5.3 gunjan shah on Drop Down Disappears in IE6 when opening Navigation popup for ADD/EDIT operation http://www.trirand.com/blog/?page_id=393/discussion/drop-down-disappears-in-ie6-when-opening-navigation-popup-for-addedit-operation#p21938 Discussion http://www.trirand.com/blog/?page_id=393/discussion/drop-down-disappears-in-ie6-when-opening-navigation-popup-for-addedit-operation#p21938 Hi Oleg,

I have checked the link sent by you. In that, IE6 is having the same problem of disappearing the drop downs when we open ADD/EDIT popup.

So, I have to move to the advanced verson of IE , I can not find any other solution for IE6.

Thanx a lot,

Gunjan ShahSmile

]]> Fri, 04 Feb 2011 06:56:42 +0200 OlegK on Drop Down Disappears in IE6 when opening Navigation popup for ADD/EDIT operation http://www.trirand.com/blog/?page_id=393/discussion/drop-down-disappears-in-ie6-when-opening-navigation-popup-for-addedit-operation#p21920 Discussion http://www.trirand.com/blog/?page_id=393/discussion/drop-down-disappears-in-ie6-when-opening-navigation-popup-for-addedit-operation#p21920 Hello,

HTML code which you posted has many errors. Try the code from http://www.ok-soft-gmbh.com/jq.....anShah.htm in IE6. Probably the problem is not more exist.

Best regards
Oleg

]]> Thu, 03 Feb 2011 10:48:12 +0200 gunjan shah on Drop Down Disappears in IE6 when opening Navigation popup for ADD/EDIT operation http://www.trirand.com/blog/?page_id=393/discussion/drop-down-disappears-in-ie6-when-opening-navigation-popup-for-addedit-operation#p21919 Discussion http://www.trirand.com/blog/?page_id=393/discussion/drop-down-disappears-in-ie6-when-opening-navigation-popup-for-addedit-operation#p21919 Hi ,

I have tested the code in IE7 . Its working fine. IE6 is the main issue.

I have attached the code here..

<%--
    Document   : testIssue
    Created on : Feb 3, 2011, 10:47:48 AM
    Author     : gunjash
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loo.....t;&gt;

<link rel="stylesheet" type="text/css" media="screen" href="css/ui-lightness/jquery-ui-1.8.6.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/i18n/grid.locale-en.js"></script>
<script type="text/javascript" src="js/jquery.jqGrid.min.js" ></script>

<script type="text/javascript">
$(document).ready(function(){
     jQuery("#listData").jqGrid({
        datatype: "local",
        height: 250,
        colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
        colModel:[
                    {name:'id',index:'id', width:60,editable:true,sorttype:"int"},
                    {name:'invdate',index:'invdate', width:90,editable:true,sorttype:"date"},
                    {name:'name',index:'name', width:100},
                    {name:'amount',index:'amount', width:80,editable:true,align:"right",sorttype:"float"},
                    {name:'tax',index:'tax', width:80, align:"right",editable:true,sorttype:"float"},
                    {name:'total',index:'total', width:80,align:"right",editable:true,sorttype:"float"},
                    {name:'note',index:'note', width:150,editable:true,sortable:false}
                ],
        multiselect:false,
        pager: '#pager',
        emptyrecords: "Nothing to display",
        imgpath: "themes/basic/images",
        caption: "Manipulating Array Data"
    }).navGrid('#pager',
                {edit:true,add:true, del:true, search: false, refresh:true},
                {}, // Default for edit
                {},//Default for add
                {}//Default for delete
            );

    var mydata = [
                    {id:"1",invdate:"2007-10-01",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                    {id:"2",invdate:"2007-10-02",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                    {id:"3",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},
                    {id:"4",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                    {id:"5",invdate:"2007-10-05",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                    {id:"6",invdate:"2007-09-06",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"},
                    {id:"7",invdate:"2007-10-04",name:"test",note:"note",amount:"200.00",tax:"10.00",total:"210.00"},
                    {id:"8",invdate:"2007-10-03",name:"test2",note:"note2",amount:"300.00",tax:"20.00",total:"320.00"},
                    {id:"9",invdate:"2007-09-01",name:"test3",note:"note3",amount:"400.00",tax:"30.00",total:"430.00"}
                ];

    for(var i=0;i<=mydata.length;i++){
      jQuery("#listData").jqGrid('addRowData',i+1,mydata[i]);
    }

});
</script>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <table width="100%">
            <tr>
                <td width="20%">
                    <select>
                        <option>test1</option>
                        <option>test2</option>
                        <option>test3</option>
                        <option>test4</option>
                        <option>test5</option>
                        <option>test6</option>
                    </select>
                </td>
                <td width="80%">
                    <table id="listData"></table>
                    <div id="pager"></div>
                </td>
            </tr>
        </table>
    </body>
</html>

Thanx,

Gunjan Shah.

]]> Thu, 03 Feb 2011 08:14:36 +0200 gunjan shah on Drop Down Disappears in IE6 when opening Navigation popup for ADD/EDIT operation http://www.trirand.com/blog/?page_id=393/discussion/drop-down-disappears-in-ie6-when-opening-navigation-popup-for-addedit-operation#p21893 Discussion http://www.trirand.com/blog/?page_id=393/discussion/drop-down-disappears-in-ie6-when-opening-navigation-popup-for-addedit-operation#p21893 Hi Friends ,

  I am using jqGrid for displaying and manipulationg the data. In my page I have used jqGrid navigation bar for ADD/EDIT/DELETE operation.

All the drop down on my page are going to be disappeared when I open the popup for ADD/EDIT operation. It apears when I close the popup .

This problem occus in IE6. Its working fine in FireFox. How can I solve this problem ? Is this browser issue or jqGrid issue ?

Thanx in advance...Frown

]]> Mon, 31 Jan 2011 11:21:24 +0200