jqGrid tem problemas ao carregar sub-redes no IE7

Question

Apr 24, 2012, 06:19 PM

jqGrid tem problemas ao carregar sub-redes no IE7

Eu tenho tentado obter o "Grade como Subgrid"funcionalidade de trabalho e não tenho tido muita sorte. Eu pensei que era algo errado que eu estava fazendo no meu código, como ele estava funcionando bem em um teste autônomo. No entanto, eu finalmente percebi osó A diferença entre meu aplicativo e minha página de teste foi que meu aplicativo estava sendo executado no IE7 e estava executando minha página de teste no Firefox. Com certeza, quando carreguei a página de teste no IE7, tive o mesmo problema.

O código que irá reproduzir o problema no IE7 é o seguinte:

$(function () {
    function loadTasks(subgrid_id, row_id)
    {
        var id = subgrid_id + '_t';
        $('#' + subgrid_id).html('<table id="' + id + '"></table>');
        jQuery("#" + id).jqGrid({
            datatype: 'local',
            colNames: ['No','Item','Qty','Unit'],
            colModel: [
                {name:'num',index:'num',width:80,key:true},
                {name:'item',index:'item',width:130},
                {name:'qty',index:'qty',width:70,align:'right'},
                {name:'unit',index:'unit',width:70,align:'right'}
            ],
            height: '100%'
        });
    }

    var x = $("#grid").jqGrid({
        jsonReader: { root: "rows", repeatitems: false },
        datatype: "json",
        height: 'auto',
        autowidth: true,
        forceFit: true,
        colNames:['ID','Name'],
        colModel:[
            {name:'id', key:true, index:'id', width:60, sorttype:"int", jsonmap:"id"},
            {name:'name', index:'foobar', width:90,  jsonmap: "name"}
        ],

        subGrid: true,
        subGridRowExpanded: loadTasks,
        caption: "Results"
    });

    var jsonData = [
        {id: 1, name: 'Apple'},
        {id: 2, name: 'Banana'},
        {id: 3, name: 'Pear'},
        {id: 4, name: 'Orange'}
    ];

    x[0].addJSONData( { rows: jsonData } );
});

Parece criar alguns elementos falsos em cada linha, que não são renderizados corretamente dentro da linha. Aqui está uma captura de tela de como isso processa no IE7:

O que é estranho é que essas linhas "indefinidas" são realmente parte das linhas de grade válidas, se eu passar o mouse sobre "Apple", então o primeiroIndefinido linha também destaca.

A principal razão pela qual eu escolhi o jqGrid sobre as outras grades foi seu suporte para aninhamento de múltiplas grades (o que realmente precisamos para nosso aplicativo), entretanto nosso padrão corporativo ainda é o IE7, então precisamos suportar este navegador. Existe algo que eu possa fazer para que esse recurso funcione bem no IE7?

leaveComments