Angular – totalrows are not updating in jqxtreegrid pagination

[KavyaParticipant]

Hi,
I have 100 rows but it shows only 10 rows and in pagination also it shows only 1-10 of 10

<jqxTreeGrid #TGrid [columnsReorder]=”true” [autoRowHeight]=”false”
[height]=”‘100%'” [width]=”‘100%'” [source]=”tDataAdapter” [columns]=”tGridColumns”
[sortable]=”true” [pageable]=”true” [pagerMode]=”‘advanced'” [auto-create]=”false”
[columnsResize]=”true” [filterable]=”true” [editable]=”true” [ready]=”tGridOnReady”
[rendered]=”rendered”>
</jqxTreeGrid>

[steven_peterson8Participant]

Hi,

What type of binding are you using?
Please share your settings.

We are waiting for you!

Best regards,
Steve Peterson

jQWidgets Team
https://www.jqwidgets.com/

[KavyaParticipant]

json data binding

tGridSource: any =
{
datatype: ‘json’,
cache: false,
totalrecords: 10,
datafields:
[
{ name: ‘id’, type: ‘number’ },
{ name: ‘path’, type: ‘string’ },
{ name: ‘name’, type: ‘string’ },
{ name: ‘createdDateTime’, type: ‘date’ },
{ name: ‘createdBy’, type: ‘string’ },
{ name: ‘statusMessage’, type: ‘string’ },
{ name: ‘parentReport’, type: ‘string’ }
],
hierarchy:
{
keyDataField: { name: ‘id’ },
parentDataField: { name: ‘parentRid’ }
},
url: ‘/report/list’,
root: “reports”,
filter: () => {
if(this.tGrid){
this.tGrid.updatebounddata(‘filter’);
}
},
sort: () => {
if(this.tGrid){
this.tGrid.updatebounddata(‘sort’);
}
},
beforeprocessing: (data) => {
try {
if (data != null) {
if(this.tGridSource){
this.tGridSource.totalrecords = data.totalRows;
}
}
} catch {}
},
formatdata: (data) => {
return data;
}
};

[svetoslav_borislavovParticipant]

Hi,

The problem comes from the totalrecords property.
This should be set to the total amount of rows that will be loaded.

I hope this helps you fix the problem!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[KavyaParticipant]

I am setting this in beforeprocessing as it is dynamic

[KavyaParticipant]

I manually set totalrecords to 100, still its not working

[steven_peterson8Participant]

Hi,

If you are receiving all the data at once, you can remove the totalrecords property.
This should resolve the problem.
We are waiting for your reply!

Best regards,
Steven Peterson

jQWidgets Team
https://www.jqwidgets.com/

[KavyaParticipant]

still not working

[svetoslav_borislavovParticipant]

Hi,

Are you receiving 100 rows at once?
https://www.jqwidgets.com/angular/angular-treegrid/#https://www.jqwidgets.com/angular/angular-treegrid/angular-treegrid-paging.htm
You can see an example here.

Please send us a demo to our email support@jqwidgets.com.

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[KavyaParticipant]

totalrecords count I will get initially and should work like jqxgrid virtual mode

[svetoslav_borislavovParticipant]

Hi,

Unfortunately, jqxTreeGrid does not support virtual pagination.
Our Smart.Grid supports it. You can take a look here: https://www.htmlelements.com/angular/demos/grid/virtual-tree-grid-paging/

SmartUI is our new product. If you have a license for jQWidgets it is also valid for SmartUI.
If you need any help, do not hesitate to ask!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[avidsonollinsParticipant]

Angular is a TypeScript-based open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a platform that makes it easy to build applications with the web. Its goal is to augment web applications with Model–View–Controller (MVC) capability, in an effort to make both development and testing easier. Angular is used by developers to build single-page applications, and it is fully extensible and works well with other libraries. The framework consists of several libraries, some of them core and some optional. The core libraries are focused on the view layer only, and don’t include any other features like routing, HTTP-request handling, or an abstraction layer for an API.

[Author]

Posts