We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

ng-template not working on ejs-treegrid

Thread ID:

Created:

Updated:

Platform:

Replies:

149350 Nov 22,2019 12:00 PM UTC Nov 25,2019 09:52 AM UTC Angular - EJ 2 1
loading
Tags: TreeGrid
Kunal Bajaj
Asked On November 22, 2019 12:00 PM UTC

<div class="control-section mb-1 ml-1 mr-1 mt-1">
    <ejs-treegrid #grid [dataSource]='objectsData' 
    enableCollapseAll='true' 
    gridLines='Both'
    [selectionSettings] = 'selectionOptions'
    (click)="clickaction($event)"
    height='400'
     >
        <e-columns>
            <e-column field='Name' headerText='Name' width='90'></e-column>
            <e-column field='Tags' headerText='Tags' width='90'></e-column>
            <e-column field='Type' headerText='Type' width='90'></e-column>
            <e-column field='Description' headerText='Description' width='90'></e-column>
            <e-column  width='90' headerText="ABC" >
                <ng-template #template>

                    <ejs-dropdown></ejs-dropdown>

                </ng-template>

            </e-column> 

Rajapandi Ravi [Syncfusion]
Replied On November 25, 2019 09:52 AM UTC

Hi Kunal, 

Thanks for using syncfusion support. 

From validating your query, we suspect that you try to render the dropdown component but you defined component as ‘<ejs-dropdown>’ which is wrong. Please use this <ejs-dropdownlist> selector to render the component. Please refer the below code example and sample for more information. 

<ejs-grid (actionBegin)='actionBegin($event)' [dataSource]='data' allowPaging='true' [editSettings]='editSettings' [toolbar]='toolbar' height=365 [pageSettings]='initialPage'> 
        <e-columns> 
            .  .  .  .  .  .  .  . 
            <e-column field='ShipCountry' headerText='Ship Country' width='170'> 
              <ng-template #editTemplate let-data> 
                    <ejs-dropdownlist id='ShipCountry' [dataSource]='ddldata' placeholder="ShipCountry" [(ngModel)]="orderData.ShipCountry" floatLabelType='Never'></ejs-dropdownlist> 
                        </ng-template> 
            </e-column> 
        </e-columns> 
    </ejs-grid> 


Regards, 
Rajapandi R

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon