编程语言
首页 > 编程语言> > javascript-IE8中可能的jQuery / jqGrid问题

javascript-IE8中可能的jQuery / jqGrid问题

作者:互联网

我有一个用jqGrid构造的网格,它使用搜索工具栏,一个自定义格式器来插入单选框和一个loadComplete处理程序.
在FF中一切正常,但是当我转到IE8时(感到遗憾!!),屏幕将冻结并加载数据和屏幕上的Loading …框.我无法在屏幕上执行任何操作.

这是我的代码:

function loadCompleteHandler(){
 jQuery("#listTable").jqGrid('setGridHeight', Math.min(300,parseInt(jQuery(".ui-jqgrid-btable").css('height'))));
}

 function radio(value, options, rowObject){
  var radio = '<input type="radio" value=' + value + ' name="radioid" ondblclick="inDetail();"/>';
  return radio;
 }

 function statusSelect(){
  #set($select = ":$l10n.lbl_123")
  #foreach($se in $status_list) 
   #set($select = $select + ";$se.getValue():$se.getValue()") 
  #end  
  return "$select";
 }

 jQuery(function(){  
  jQuery("#listTable").jqGrid({
     url: '$content.getURI("/servlet/ajax/MyServlet.json")' + '?loggedUserId=$loggedUserId&pageNo=0&locale=' + '$l10n.getLocale().toString()',
     datatype: 'json',
     mtype: 'POST',
     colNames:['','$l10n.lbl_copy','$l10n.lbl_476','$l10n.lbl_380', '$l10n.lbl_2547<br/>$l10n.lbl_3768','$l10n.lbl_owner','$l10n.lbl_256 $l10n.lbl_92','$l10n.lbl_1558<br>$l10n.lbl_185','$l10n.lbl_348'],
     colModel :[ 
        {name:'column1', index:'column1', width:'3%', search:false, align:'center', formatter: radio, editable:false, sortable: false, resizable:false},
        {name:'column2', index:'column2', width:'6%', search:false, align:'center', formatter:'checkbox', sortable: false, resizable:false}, 
        {name:'column3', index:'column3', width:'12%', sortable: false, stype:'select', editoptions:{value: statusSelect()}, resizable:false}, 
        {name:'column4', index:'column4', width:'17%', search:false, sortable: false, resizable:false}, 
        {name:'column5', index:'column5', width:'10%', search:false, sortable: false, resizable:false}, 
        {name:'column6', index:'column6', width:'13%', sortable: false, resizable:false}, 
        {name:'column7', index:'column7', width:'13%', sortable: false, resizable:false},
     {name:'column8', index:'column8', width:'12%', sortable: false, resizable:false},
     {name:'column9', index:'column9', width:'14%', sortable: false, resizable:false}
      ],
     width:'768',
  height: 300,
  loadonce:true,
  pager: '#pagerDiv',
  gridview: true,
  rowNum:15,
  rowTotal: 500,
     sortorder: 'desc',
     viewrecords: true,
  loadComplete: loadCompleteHandler
    }); 
 });

 jQuery(function(){
  jQuery("#listTable").jqGrid('filterToolbar',{
       stringResult: true, 
       searchOnEnter: false, 
       defaultSearch:'cn'}); /* search strategy meaning: contains */
 }); 

我正在使用Velocity,jQuery 1.4.2. IE在jQuery库中给出了无效的参数错误
在这一行:

 if ( set ) {
   style[ name ] = value;
  }

也许问题出在IE8中的jQuery,我不知道.

编辑:添加了更具体的数据

我正在使用jqGrid 3.8.2.
Velocity处理后的statusSelect如下所示:

function statusSelect(){
     return ":All;status1:status1;status2:status2";
}

我认为JSON数据传输没有问题,因为当没有setGridHeight,loadComplete处理程序时,网格以前在IE8中可以工作.我还做了一些小的修改,我只能部分重新计算(即禁用列调整大小).
为了进行测试,下面是一个JSON对象:

    {
    "page":"1",
    "records":2,
    "rows":[{"id":150,"cell":[150,false,"status1","columnData4","columndata5","columndata6","columndata7","Test1
10.12.2010","columnData"]}, {"id":157,"cell":[157,false,"status2","columnData41","columndata51","columnData61","columnData71","Test2
22.12.2010","columnData"]}], "total":50.0 }

我不知道如何使用total参数,因此我只声明了一个任意值(50D).
inDetail函数仅提交表单(我在这里使用Apache Turbine参数):

    function inDetail(){
        document.forms['myForm'].eventSubmit_doAction.value = 'doSomeAction';
        document.forms['myForm'].submit();
    }

解决方法:

我无法重现您所描述的问题.您如何看到here可以在IE中顺利加载网格.由于缺少CSS,它看起来不太好,但通常都能正常工作.因此,我想您在此处未发布的代码中有问题.我建议您在http://validator.w3.org/中验证您的HTML页面,在JSON中以http://www.jsonlint.com/验证您的测试JSON,并在http://www.jslint.com/中验证JavaScript代码.

我只建议您不要在函数内部使用具有相同名称radio的radio变量.最好选择另一个名称.最好也添加10作为parseInt函数的第二个参数.在我的测试中,您的原始代码也可以工作,而无需更改相应的代码.

标签:javascript,jquery,internet-explorer-8,jqgrid
来源: https://codeday.me/bug/20191013/1911255.html