Возможная проблема jQuery / jqGrid в IE8 - PullRequest
Новая
       2

Возможная проблема jQuery / jqGrid в IE8

1 голос
/ 07 января 2011

У меня есть сетка, построенная из jqGrid, которая использует панель инструментов поиска, пользовательский форматер для вставки полей radio и обработчик 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;
  }

Может быть, проблема в jQuery в IE8, я не знаю ....

РЕДАКТИРОВАТЬ : добавлены более конкретные данные

Я использую jqGrid 3.8.2. statusSelect после обработки Velocity выглядит следующим образом: 

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

Я думаю, что нет проблем с передачей данных JSON, поскольку сетка ранее работала в IE8, когда не было обработчика setGridHeight, loadComplete. Я также сделал некоторые незначительные изменения, которые я могу пересчитать только частично (то есть изменение размера столбца отключено). Для целей тестирования вот объект JSON: 

    {
    "page":"1",
    "records":2,
    "rows":[{"id":150,"cell":[150,false,"status1","columnData4","columndata5","columndata6","columndata7","Test1\u003cbr/\u003e\u003cspan style\u003d\u0027float:right;\u0027\u003e10.12.2010\u003c/span\u003e","columnData"]},
      {"id":157,"cell":[157,false,"status2","columnData41","columndata51","columnData61","columnData71","Test2\u003cbr/\u003e\u003cspan style\u003d\u0027float:right;\u0027\u003e22.12.2010\u003c/span\u003e","columnData"]}],
    "total":50.0
    }

Я не знаю, как использовать параметр total, поэтому я просто объявил произвольное значение (50D). Функция inDetail просто отправляет форму (здесь я использую параметр Apache Turbine): 

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

1 Ответ

1 голос
/ 07 января 2011

Я не смог воспроизвести проблему, которую вы описываете. Как вы можете видеть здесь сетка может быть загружена без проблем в IE. Выглядит не очень хорошо из-за отсутствия CSS, но в целом все работает. Итак, я полагаю, у вас есть проблема в коде, который вы не публикуете здесь. Я рекомендую вам подтвердить свою HTML-страницу в http://validator.w3.org/,, результаты теста JSON - http://www.jsonlint.com/, а код JavaScript - http://www.jslint.com/.

Я бы не рекомендовал использовать переменную radio внутри функции с тем же именем radio. Лучше выбрать другое имя. Лучше также добавить 10 в качестве второго параметра функции parseInt. В моих тестах ваш оригинальный код работал также без соответствующих изменений кода.

...