jqGrid docs para árbol de la cuadrícula de decir: «en la Actualidad jqGrid puede trabajar sólo con los datos devueltos por el servidor. Hay algunos trucos y artículos que se describe cómo trabajar con datos locales.»

Bastante justo, pero yo era incapaz de encontrar los artículos. Consejos sobre cómo puedo lograr, preferiblemente con el equivalente de datatype=local?

  • Si usted lee mi respuesta antes de mirar a la modificación de la respuesta.
InformationsquelleAutor Konrad Garus | 2011-07-22

1 Comentario

  1. 8

    Probablemente este respuesta anterior te pueden ayudar. La demo, que utiliza la última versión actual de jqGrid usted puede encontrar aquí.

    ACTUALIZADO: Ahora yo sería prefieren utilizar datatype: "jsonstring" que es casi el mismo como datatype: "local". Uno necesita usar datastr: mydata en lugar de data: mydata en el caso. Además uno tiene que usar jsonReader como función. Como resultado se tendrá la siguiente modificado demo.

    El correspondiente código de la demo que se encuentra por debajo de

    var mydata = [
    { id:"1", name:"Cash",   num:"100", debit:"400.00",credit:"250.00", balance:"150.00", enbl:"1",
    level:"0", parent:"",  isLeaf:false, expanded:false, loaded:true },
    { id:"2", name:"Cash 1", num:"1",   debit:"300.00",credit:"200.00", balance:"100.00", enbl:"0",
    level:"1", parent:"1", isLeaf:false, expanded:false, loaded:true },
    { id:"3", name:"Sub Cash 1", num:"1",debit:"300.00",credit:"200.00", balance:"100.00", enbl:"1",
    level:"2", parent:"2", isLeaf:true,  expanded:false, loaded:true },
    { id:"4", name:"Cash 2", num:"2",debit:"100.00",credit:"50.00", balance:"50.00", enbl:"0",
    level:"1", parent:"1", isLeaf:true,  expanded:false, loaded:true },
    { id:"5", name:"Bank\'s", num:"200",debit:"1500.00",credit:"1000.00", balance:"500.00", enbl:"1",
    level:"0", parent:"",  isLeaf:false, expanded:true, loaded:true },
    { id:"6", name:"Bank 1", num:"1",debit:"500.00",credit:"0.00", balance:"500.00", enbl:"0",
    level:"1", parent:"5", isLeaf:true,  expanded:false, loaded:true },
    { id:"7", name:"Bank 2", num:"2",debit:"1000.00",credit:"1000.00", balance:"0.00", enbl:"1",
    level:"1", parent:"5", isLeaf:true,  expanded:false, loaded:true },
    { id:"8", name:"Fixed asset", num:"300",debit:"0.00",credit:"1000.00", balance:"-1000.00", enbl:"0",
    level:"0", parent:"",  isLeaf:true,  expanded:false, loaded:true }
    ],
    grid = $("#treegrid");
    grid.jqGrid({
    datatype: "jsonstring",
    datastr: mydata,
    colNames:["Id","Account","Acc Num","Debit","Credit","Balance","Enabled"],
    colModel:[
    {name:'id', index:'id', width:1, hidden:true, key:true},
    {name:'name', index:'name', width:180},
    {name:'num', index:'acc_num', width:80, align:"center"},
    {name:'debit', index:'debit', width:80, align:"right"},
    {name:'credit', index:'credit', width:80,align:"right"},
    {name:'balance', index:'balance', width:80,align:"right"},
    {name:'enbl', index:'enbl', width: 60, align:'center',
    formatter:'checkbox', editoptions:{value:'1:0'},
    formatoptions:{disabled:false}}
    ],
    height: 'auto',
    gridview: true,
    rowNum: 10000,
    sortname: 'id',
    treeGrid: true,
    treeGridModel: 'adjacency',
    treedatatype: "local",
    ExpandColumn: 'name',
    caption: "Demonstrate how to use Tree Grid for the Adjacency Set Model",
    jsonReader: {
    repeatitems: false,
    root: function (obj) { return obj; },
    page: function (obj) { return 1; },
    total: function (obj) { return 1; },
    records: function (obj) { return obj.length; }
    }
    });

    ACTUALIZADO el 2 de: Uno debe usar parent:"null" o parent:null en lugar de parent:"".

    • He TreeGrid trabajar con datos locales, como el ejemplo que has enlazado. El único problema que tengo es que la búsqueda local no está funcionando en absoluto. Alguna idea?
    • He TreeGrid trabajo con los centros de datos, como se muestra aquí. El único problema que tengo es que la búsqueda local no está funcionando en absoluto. Alguna idea? Si puedo desactivar treegrid, búsqueda está funcionando correctamente, como se esperaba.
    • Que están a la derecha de la treegrid no puede ser filtrada a causa de la volver.
    • ¿Qué es la «carga» de campo en mydata matriz?
    • Es mejor que le pregunte a nueva pregunta acerca de eso y voy a publicar mi respuesta con la descripción. Sólo en la manera en que otras personas puedan encontrar la información en el stackoverflow. Probablemente otras personas tienen un interés en la misma pregunta?
    • hecho. Aquí es un enlace. Gracias de antemano.

Dejar respuesta

Please enter your comment!
Please enter your name here