jQuery Grid Plugin - jqGridForum

Topic RSS

Related Topics sp_TopicIcon

modal dialog problem in IE7

Tags: IE7 jqgrid problem CSS

14/02/2013
17:06

mdp

Member

Members

Forum Posts: 10

Member Since:
14/02/2013

Offline

There seems to be a problem with the modal dialog in IE7.

For example, when I try to edit a record, the overlay doesn't cover the whole screen if there's another grid on the page.

Trying to find the problem I found that if I have a jqgrid and other div with the class "ui-jqgrid" the div is not covered by the overlay. If I remove the class everything works as expected.

I'm Using jQuery 1.9.1, jQuery UI 1.10 & jqGrid 4.4.4

Sample code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!–jQuery–>
<script type="text/javascript" src="../scripts/jquery.js"></script>

    <!–jQuery UI css–>
    <link href="../css/jquery-ui/jquery-ui.css" rel="stylesheet" type="text/css" />

    <!–JqGrid–>
    <link href="../css/ui.jqgrid.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../scripts/grid.locale-es.js"></script>
    <script type="text/javascript" src="../scripts/jquery.jqGrid.min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {

        $("#gridDemo").jqGrid({
            autowidth: true,
            prmNames: {id: "field1″, search:null, nd : null, page: null, rows: null, sort : null, order : null},
            colNames:['field 1', 'field 2', 'field 3', 'field 4', 'field 5','field 6'],
            colModel:[
                 {name:'field1',index:'field1', hidden: true, key: true, width:55, editable:true, editrules:{edithidden:false}, sorttype:'int'},
                 {name:'field2',index:'field2', editable:true, editoptions:{size:45}, width:190, sorttype:'text'},
                {name:'field3',index:'field3', editable:true, editoptions:{size:45}, width:190, sorttype:'text'},
                {name:'field4',index:'field4', editable:true, editoptions:{size:45}, width:190, sorttype:'text'},
                {name:'field5',index:'field5', editable:true, editoptions:{size:45}, width:190, sorttype:'text'},
                {name:'field6',index:'field6', editable:true, editoptions:{size:45}, width:190, sorttype:'text'}
             ],
             pager: '#pagerGridDemo',
            caption:"Demo Problem IE7″
        });

        $("#gridDemo").jqGrid('navGrid','#pagerGridDemo',{edit:true,add:true,del:false,search:false,refresh:false},
        {width:430}, {width:430});

    });
    </script>
</head>
<body>
<div>
        <table id="gridDemo"></table>
        <div id="pagerGridDemo"></div>
        <br />

      <div style="width: 1268px;" dir="ltr" id="gbox_gridDemo" class="ui-jqgrid ui-widget ui-widget-content">
        <p>demo</p>
      </div>

</div>
</body>
</html>

20/03/2013
18:37

mdp

Member

Members

Forum Posts: 10

Member Since:
14/02/2013

Offline

Any solution to this problem?

Thanks!

22/03/2013
17:09

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

Sorry to say this, but IE6, IE7, IE8 support will be discountinued with next jQuery release - comming very soon.

Here is the info

As from version 4.4.4 of jqGrid does not support IE6 and with the next jQuery release we will not support IE7,IE8.

Regards

Tony

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

22/03/2013
18:01

mdp

Member

Members

Forum Posts: 10

Member Since:
14/02/2013

Offline

Thanks for your reply.

I've already read that information but I don't know if jQuery 2.0 Final has a released date (I only found early 2013, not long after 1.9).

Besides, jQuery 1.9 and 2.0 will support the same API. As stated in jQuery blog: "Our goal is for 1.9 and 2.0 to be interchangeable as far as the API set they support. When 2.0 comes out, your decision on which version to choose should be as simple as this: If you need IE 6/7/8 support, choose 1.9; otherwise you can use either 1.9 or 2.0."

I know IE 8 and below are not standards-compliants and full of bugs, but I think maybe is too early to drop support.

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
26 Guest(s)

Currently Browsing this Page:
1 Guest(s)