[yougotnetParticipant]

After I add the row, the treegrid shows the correct data but if I select any row on the treegrid, I get the TypeError: g is undefined.

[yougotnetParticipant]

It appears the issue is that I have a class .overlay in my css and is conflicting with jqxwidgets.

[yougotnetParticipant]

I have narrowed down the problem to the main.css file, but what css would cause the dropdown not to work. It works fine on the desktop just not on mobile devices.

[yougotnetParticipant]

Here is a link to a test of the example in your documentation and I can’t select from the dropdown on my iphone.

http://www.ohiowest.net/test.php

[yougotnetParticipant]

Perfect, worked great.

[yougotnetParticipant]

Here is an example of code I created in jsfiddle that shows how the aggregates disappear and can’t get them back.

If you run it and then click Refresh Data, the aggregates go away.

 
<div id='jqxWidget'>
    <div id="jqxgrid"></div>
</div>
<button name="refreshData" id="refreshData">Refresh Data</button>

var data = generatedata(500);
 var source = {
     localdata: data,
     datafields: [{
         name: 'firstname',
         type: 'string'
     }, {
         name: 'lastname',
         type: 'string'
     }, {
         name: 'productname',
         type: 'string'
     }, {
         name: 'date',
         type: 'date'
     }, {
         name: 'quantity',
         type: 'number'
     }, {
         name: 'price',
         type: 'number'
     }],
     datatype: "array"
 };

var adapter = new $.jqx.dataAdapter(source);
 $("#jqxgrid").jqxGrid({
     width: 700,
     theme: 'energyblue',
     source: adapter,
     sortable: true,
     showstatusbar: true,
     showaggregates: true,
     sorttogglestates: 1,
     columns: [{
         text: 'First Name',
         datafield: 'firstname',
         columngroup: 'Name',
         width: 90
     }, {
         text: 'Last Name',
         columngroup: 'Name',
         datafield: 'lastname',
         width: 90
     }, {
         text: 'Product',
         datafield: 'productname',
         width: 170
     }, {
         text: 'Order Date',
         datafield: 'date',
         width: 160,
         cellsformat: 'dd-MMMM-yyyy'
     }, {
         text: 'Quantity',
         datafield: 'quantity',
         width: 80,
         cellsalign: 'right',
         aggregates: ['sum'],
         aggregatesrenderer: function (aggregates) {
             var renderstring = '';
             $.each(aggregates, function (key, value) {
                 renderstring = value;
             });
             return '<div class=\"jqxSBCenter\">' + renderstring + '</div>';
		}         
     }, {
         text: 'Unit Price',
         datafield: 'price',
         cellsalign: 'right',
         cellsformat: 'c2'
     }]
 });

$('#jqxgrid').on('bindingcomplete', function() {
    $('#jqxgrid').jqxGrid('refreshaggregates');
    $('#jqxgrid').jqxGrid('renderaggregates');    
});

$('#refreshData').jqxButton({
    width: 100,
    height: 30
    }).click(function() {
        var data1 = generatedata(10);
         var source1 = {
             localdata: data1,
             datafields: [{
                 name: 'firstname',
                 type: 'string'
             }, {
                 name: 'lastname',
                 type: 'string'
             }, {
                 name: 'productname',
                 type: 'string'
             }, {
                 name: 'date',
                 type: 'date'
             }, {
                 name: 'quantity',
                 type: 'number'
             }, {
                 name: 'price',
                 type: 'number'
             }],
             datatype: "array"
         };
        $('#jqxgrid').jqxGrid('source', source1);
    $('#jqxgrid').jqxGrid('refreshaggregates');
    $('#jqxgrid').jqxGrid('renderaggregates');
});

[yougotnetParticipant]

That worked, thanks.

[Author]

Posts