jQuery UI Widgets Forums Grid Autoheight Grid

This topic contains 3 replies, has 2 voices, and was last updated by  Peter Stoev 11 years, 11 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Autoheight Grid #13045

    Miguel85
    Member

    Hi,

    I have a grid with the autoheight true, but only 155 items are rendered, others are empty.

    How can I render all items?

    My code:

    $(“#grid”).jqxGrid({
    width : ‘100%’,
    source : dataAdapterart,
    rowsheight : 65,
    pageable : false,
    autoheight : false,
    sortable : true,
    columnsresize : false,
    ready : function () {},
    showfilterrow : false,
    filterable : false,
    altrows : true,
    enabletooltips : true,
    editable : false,
    selectionmode : ‘singlerow’,
    showheader: false,
    columns : [
    {
    text : ‘art’,
    columntype : ‘textbox’,
    filtertype : ‘textbox’,
    filtercondition : ‘starts_with’,
    datafield : ‘art’,
    editable:false,
    width: 80,
    hidden:true
    }, {
    text : ‘name’,
    datafield : ‘name’,
    editable:false
    },{
    text : ‘Qtd’,
    datafield : ‘qtd’,
    editable:false,
    cellsrenderer: cellsrenderer,
    width: 100
    },{
    text : ‘Stock’,
    datafield : ‘stock’,
    editable:false,
    width: 170

    },

    ]
    });

    Autoheight Grid #13046

    Peter Stoev
    Keymaster

    Hi Miguel85,

    Could you please provide a sample which demonstrates your scenario?

    Best Wishes,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    Autoheight Grid #13062

    Miguel85
    Member

    My scenario is:

    arrt = [];
    //create the array with results
    for (i = 0; i < results.rows.length; i++) {
    var row = results.rows.item(i);
    nart.map(row);
    arrt.push({art:nart.artigo,name:(nart.name+"”+nart.art), qtd:””, stock:”Stock: “+nart.stock+”“});
    }

    var sourcearts = {
    localdata : arrt,
    datatype : “json”,
    datafields : [
    {
    name : ‘art’, type:’string’
    }, {
    name : ‘name’
    },{
    name : ‘qtd’
    },
    {
    name : ‘stock’
    },
    ],
    id : ‘art’

    };
    var dataAdapterart = new $.jqx.dataAdapter(sourcearts);

    var cellsrenderer = function (row, columnfield, value, defaulthtml, columnproperties) {

    var data = $(‘#grid’).jqxGrid(‘getrowdata’, row);
    return ”;

    }

    $(“#grid”).jqxGrid({
    width : $(window).width(),
    source : dataAdapterart,
    theme: theme,
    rowsheight : 65,
    pageable : false,
    autoheight : true,
    sortable : true,
    columnsresize : false,
    ready : function () {},
    showfilterrow : false,
    filterable : false,
    altrows : true,
    enabletooltips : true,
    editable : false,
    selectionmode : ‘singlerow’,
    showheader: false,
    columns : [
    {
    text : ‘Art’,
    columntype : ‘textbox’,
    filtertype : ‘textbox’,
    filtercondition : ‘starts_with’,
    datafield : ‘art’,
    editable:false,
    width: 80,
    hidden:true
    }, {
    text : ‘Name’,
    datafield : ‘name’,
    editable:false
    },{
    text : ‘Qtd’,
    datafield : ‘qtd’,
    editable:false,
    cellsrenderer: cellsrenderer,
    width: 100
    },{
    text : ‘Stock’,
    datafield : ‘stock’,
    editable:false,
    width: 170

    },

    ]
    });

    I have 300 results, but is only rendered up to 155

    Autoheight Grid #13065

    Peter Stoev
    Keymaster

    Hi Miguel85,

    I am afraid that the provided code will be not enough for testing your scenario, because we will not be able to run and debug it locally.

    Best Wishes,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.