jqGrid - панель инструментов / навигатор не отображается в IE 9? - PullRequest
0 голосов
/ 11 января 2012

У меня есть простой гирд с навигатором (панель инструментов), как я дал ниже;Firefox, Chrome может показывать панель инструментов, однако мой IE нет.

<!doctype html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css"/>
    <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/grid.locale-en.js" ></script>
    <script type="text/javascript" src="js/jquery.jqGrid.min.js" ></script>     
</head>
<body>
    <table id="grid1">
    <div id="pager1"></div>
    </table>

    <script type="text/javascript">     
        jQuery("#grid1").jqGrid({ 
        datatype: "local", 
        height: 250, 
        pager: '#pager1',
        colNames:['Inv No', 'Client','Notes','Checked?' ], 
        colModel:[ 
        {name:'id',index:'id', width:60, sortable:false}, 
        {name:'name',index:'name', width:100, sortable:false}, 
        {name:'note',index:'note', width:150, sortable:false}, 
        {name:'ind_checked',index:'ind_checked', width:100, sortable:false, align:'center', editable:true, 
            edittype:'checkbox', editoptions: { value:"Yes:No" },  formatter:'checkbox'}
        ],
        caption: "Testing" }
        ).navGrid('#pager1');

        var mydata = [ 
        {id:"1",name:"test1",note:"note1",ind_checked:"yes"}, 
        {id:"2",name:"test2",note:"note2",ind_checked:"No"}, 
        {id:"3",name:"test3",note:"note3",ind_checked:"No"}, 
        {id:"4",name:"test4",note:"note4",ind_checked:"yes"}, 
        {id:"5",name:"test5",note:"note5",ind_checked:"yes"}, 
        {id:"6",name:"test6",note:"note6",ind_checked:"No"}, 
        {id:"7",name:"test7",note:"note7",ind_checked:"No"}, 
        {id:"8",name:"test8",note:"note8",ind_checked:"yes"}, 
        {id:"9",name:"test9",note:"note9",ind_checked:"No"} ]
        ; 

        for(var i=0;i<mydata.length;i++) {
            jQuery("#grid1").jqGrid('addRowData',i+1,mydata[i]);
        }
    </script>
</body>
</html>

Я тестирую их с IE 9, jqGrid 4.3.

Может кто-нибудь сказать мне, что мне не хватает?какие-либо настройки в IE должны измениться?пожалуйста, посоветуйте мне, спасибо.

1 Ответ

0 голосов
/ 12 января 2012

Пейджер- div должен быть после не в table ( документация ):

<table id="grid1"></table>
<div id="pager1"></div>

Также попробуйте этот пример .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...