[svedavyaParticipant]

Hello martin,

I have tried like below code

<jqxTreeGrid #treeGridReference id=”treeGridReference” [auto-create]=”false”
(onRowSelect)=”rowSelect($event)”
(onRowUnselect)=”rowUnselect($event)”
(onRowEndEdit)=”rowEndEdit($event)”
(onRowBeginEdit)=”rowBeginEdit($event)”
[width]=”‘100%'”
[height]=”‘660px'”
[columnsHeight]=”’50′”
[editable]=”true”
[enableHover]=”true”
[showToolbar]=”true”
[toolbarHeight]=”60″
[altRows]=”true”
[theme]='”metro”‘
[autoRowHeight]=”true”
[rendered]=”rendered”>
</jqxTreeGrid>

In my component code is as below
@ViewChild(‘treeGridReference’) gridReference: ElementRef;

and inside a method i have called console.log(this.gridReference.nativeElement);// but this prints undefined. kindly help.

[svedavyaParticipant]

Hi Martin,

Thank you for the details, seems like your release is too far in July and not sure if this issue can be addressed in that release. Can you suggest me a workaround if I can get these values by some ID or anything in angular for time being would be greatly helpful.

Thanks
Sandeep

[svedavyaParticipant]

Hi,

Any suggestion on this issue, please ? kindly help we are facing this issue and need a solution urgently.

Thanks
Vyas

[svedavyaParticipant]

Hi Martin,

Thanks for the update, can please let me know which release we can expect this bug fix?

Regards
Sandeep

[svedavyaParticipant]

What is the equivalent for this $(“#treeGrid”).jqxTreeGrid(‘scrollOffset’); in angular ?

[svedavyaParticipant]

Hi Team,

Any help on this please ?

Thanks

[svedavyaParticipant]

Hi Ivo,

This is not giving desired results, Can please show me how to get scrollOffset value for top and left in angular 4/5/6 please.

Thank you very much.
Sandeep

[svedavyaParticipant]

Hi Stanislav,

we need to know if there is a way we can read the scrollOffset values just like in jquery. kindly let us know.

[svedavyaParticipant]

Any update on this, please ?

[svedavyaParticipant]

Hi Stanislav,

Thanks for suggestion but I need this functionality for Hiding/show columns custom implementation not inside the grid.

Any other way to get this around?

Thanks
Sandeep

[svedavyaParticipant]

Hi Stanislav,

I can share the code in tsEditor, however in meantime can you show me an example of using customEditor for text area inside JqxTreeGrid or Jqxgrid

Thanks
Sandeep

[svedavyaParticipant]

Hi Team,

Any suggestions on this please?

Thanks
Sandeep

[svedavyaParticipant]

Hi Team,

Any suggestions on this, please ? appreciate your help.

Thanks
Sandeep

[svedavyaParticipant]

Hi

this.treeGrid.destroy(); is deleting the div’s inside but keeps <jqxTreeGrid……></jqxTreeGrid> as it is in DOM.

as per the documentation we are calling this.treeGrid.createComponent(treeGridSettings); // which internally calls below method angular_jqxrtreegrid.ts of the jqxwidget
createComponent(options?: any): void {
if (options) {
JQXLite.extend(options, this.manageAttributes());
}
else {
options = this.manageAttributes();
}
this.host = JQXLite(this.elementRef.nativeElement.firstChild);

this.moveClasses(this.elementRef.nativeElement, this.host[0]); // this gives below error as after destroy the host is becoming null.
this.moveStyles(this.elementRef.nativeElement, this.host[0]);

this.__wireEvents__();
this.widgetObject = jqwidgets.createInstance(this.host, ‘jqxTreeGrid’, options);// this is not required to call explicity as you suggested

this.__updateRect__();
}

This error occurs due to moveClass called and which doesnt exists after destroy called
core.es5.js:1020 ERROR TypeError: Cannot read property ‘classList’ of undefined
at jqxTreeGridComponent.webpackJsonp…/../../../jqwidgets-framework/jqwidgets-ts/angular_jqxtreegrid.ts.jqxTreeGridComponent.moveClasses (angular_jqxtreegrid.ts:143)
at jqxTreeGridComponent.webpackJsonp…/../../../jqwidgets-framework/jqwidgets-ts/angular_jqxtreegrid.ts.jqxTreeGridComponent.createComponent (angular_jqxtreegrid.ts:162)
at DashboardComponent.webpackJsonp…/../../../../src/app/dashboard/dashboard.component.ts.DashboardComponent.createAndLoadGrid (dashboard.component.ts:1176)

Another major problem am facing with destroy is treeGrid setting with have settings so we can get it set easily but how can we set methods like (onRowSelect)=”rowSelect($event)” (onRowUnselect)=”rowUnselect($event)”(onRowEndEdit)=”rowEndEdit($event)(onRowBeginEdit)=”rowBeginEdit($event)” from typescript code which are actually part of html

like below

<div class=”gridContainer”>
<jqxTreeGrid class=”treeGird” #treeGridReference [auto-create]=”false”
(onRowSelect)=”rowSelect($event)”
(onRowUnselect)=”rowUnselect($event)”
(onRowEndEdit)=”rowEndEdit($event)”
(onRowBeginEdit)=”rowBeginEdit($event)”
[width]=”‘100%'”
[height]=”‘640px'”
[columnsHeight]=”’50′”
[editable]=”true”
[showToolbar]=”true”
[toolbarHeight]=”60″
[altRows]=”true”
[theme]='”metro”‘
[autoRowHeight]=”true”>
</jqxTreeGrid>
</div>

[svedavyaParticipant]

Hi Ivo,

Is there any js fiddle or an example code, for destroying and re-create available which we can have a look at? kindly share with us, this is one of the important features of our project which is blocking us to these issues?

Appreciate your support.

Thanks
Sandeep

[Author]

Posts