jqxRating in jqxTree

[John361Participant]

Hello,

I would like to create a kind of quiz. So, I decided to add x jqxRating element in jqxTree element. When I added it, it is not showed but outside yes. Here the code :

HTML:

<jqxTree #treeReference [width]="'100%'" [height]="height">
    <ul>
        <li item-expanded="true">My node
            <ul>
                <li>
                    My text
                    <jqxRating #myRating [auto-create]="true" [disabled]="true"></jqxRating>
                </li>
            </ul>
        </li>
        ...
    </ul>
</jqxTree>

TS:

@ViewChild('treeReference') myTree: jqxTreeComponent;
@ViewChild('myRating') myRating: jqxRatingComponent;

ngAfterViewInit() {
    this.myRating.createComponent({
        width: 350,
        height: 50,
        value: 3.87
    });
}

For the “ngAfterViewInit” method, when rating is outside the tree, it works. The tree shows only text. Can someone help me please ?

[MartinParticipant]

Hello John361,

You could use jqwidgets.createInstance() for creating the jqxRating component inside jqxTree.
Please, take a look at the following Example.

Best Regards,
Martin

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

[Author]

Posts