[KavyaParticipant]

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

[KavyaParticipant]

still not working

[KavyaParticipant]

I manually set totalrecords to 100, still its not working

[KavyaParticipant]

I am setting this in beforeprocessing as it is dynamic

[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;
}
};

[KavyaParticipant]

Thank you.
Button click is not triggering for these columns.

[KavyaParticipant]

https://stackblitz.com/edit/github-rzqhjp?file=src%2Fapp%2Fapp.component.ts

[KavyaParticipant]

<div id=”contentGrid” class=”workspace-main-area”>
<jqxGrid id=”artifactContentGrid” #contentGrid [width]=”‘100%'” [height]=”‘99%'” [source]=”dataAdapter” [columns]=”columns”
[pageable]=”false” [autoheight]=”false” [sortable]=”true” [clipboard]=”false” [altrows]=”true”
[enabletooltips]=”true” [editable]=”false” [filterable]=”true” [selectionmode]=”‘multiplerowsadvanced'”
[theme]=”appTheme” [columnsresize]=”true” (onCelldoubleclick)=”contentGridRowdoubleclick($event)”
(onContextmenu)=”contentGridOnContextMenu()” (onRowclick)=”contentGridOnRowClick($event)”
(onCellclick)=”contentGridOnCellclick($event)”>
</jqxGrid>
</div>

[KavyaParticipant]

Hello Hristo,

It doesn’t trigger double click event when parent element is double clicked.

[KavyaParticipant]

This issue is reproducing.

<jqxGrid [height]=”‘100%'” [width]=”‘100%'” [columns]=”tgridColumns” [columnsresize]=”true”
[source]=”tDataAdapter” [altrows]=”true” [theme]=”appTheme” [sortable]=”true” [rowsheight]=”70″
[pageable]=”true” [pagesize]=”10″ [auto-create]=”false” [enabletooltips]=”true” [columnsautoresize]=”true”
[filterable]=”true” [virtualmode]=”true” (onPagechanged)=”tGridOnPageChanged($event)”
(onPagesizechanged)=”tGridOnPageSizeChanged($event)” [rendergridrows]=”rendergridrows”
(onBindingcomplete)=”tGridonBindingcomplete($event)” (onContextmenu)=”tGridGridOnContextMenu()”
(onRowclick)=”tGridGridOnRowClick($event)” [autoshowfiltericon]=”true”
[columnmenuopening]=”columnmenuopening” [columnmenuclosing]=”columnmenuclosing”
[selectionmode]=”‘singlerow'” [editable]=”true” (onCellvaluechanged)=”trGridCellvaluechanged($event)”>
</jqxGrid>

[KavyaParticipant]

Example: https://stackblitz.com/edit/github-cuqsva

Drag from tree, drop on grid. Grid’s cell dragEnd is not getting triggered.

Thanks,
Kavya

[KavyaParticipant]

Hello Hristo,

I could find demo on drag and drop jqxGrid to another jqxGrid,
but I wanted to know if we could drag and drop from jqxTree to jqxGrid.

Thanks,
Kavya

[KavyaParticipant]

Hi,

employee-list.component.html

<jqxGrid #employeesgrid
[width]=”‘100%'” [height]=”‘98%'” [source]=”employeesDataAdapter” [columns]=”employeesGridColumns”
[theme]=”appTheme” [columnsresize]=”true” [altrows]=”true” [pageable]=”true” [pagesize]=”10″
[auto-create]=”true” [enabletooltips]=”true” [columnsautoresize]=”true” [virtualmode] = “true”
[rendergridrows]=”rendergridrows” [sortable]=”true” [filterable]=”true” (onPagechanged)=”Pagechanged($event)”
(onBindingcomplete)=”employeesgridBindingcomplete($event)” >
</jqxGrid>

[KavyaParticipant]

Hi,
I tried by passing the init properties to createComponent, still it didn’t work.

[KavyaParticipant]

employeeSource: any =
{
datatype: ‘json’,
cache: false,
pagesize: 10,
totalrecords: 0,
pagenum: 0,
datafields: [
{ name: ‘id’, type: ‘string’ },
{ name: ‘name’, type: ‘string’ },
{ name: ‘displayName’, type: ‘string’ },
{ name: ‘createdDateTime’, type: ‘date’}
],
root: “employee”,
pager: (pagenum: any, pagesize: any, oldpagenum: any): void => {
this.currentPage = pagenum;
this.pageSize = pagesize;
},
filter: () => {
if(this.employeegrid){
try{
this.employeegrid.updatebounddata(‘filter’);
} catch(err) {
console.log(err);
}
}
},
sort: () => {
if(this.employeegrid){
this.employeegrid.updatebounddata(‘sort’);
}
},
beforeprocessing: (data) => {
if (data != null) {
if (this.employeeSource && data[“data”]) {
this.employeeSource.totalrecords = data[“data”].totalRows;
this.totalItems = data[“data”].totalRows;
}
else if (data[“status”]) {
if (data[“status”] == “error”) {
this.totalItems = 0;
this.employeeSource.totalrecords = 0;
}
}
}
},
formatdata: (data) => {
return data;
}
};

employeeDataAdapter: any = new jqx.dataAdapter(this.employeeSource,{
loadError: (jqXHR, status, error) => {
},
downloadComplete: (edata, textStatus, jqXHR) => {
console.log(“employeeDataAdapter downloadComplete”);
if (edata != null) {
//this.jqxLoader.close();
if(edata[“status”]){
if(edata[“status”] == “error”){

} else {
if(this.employeeSource){
this.employeeSource[‘totalrecords’] = edata.totalRows;
}
}
}
}
}
});

[Author]

Posts