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.
Unfortunately, activation email could not send to your email. Please try again.

Adding a TOOLTIP in a cell of ejgrid with data from row

Thread ID:

Created:

Updated:

Platform:

Replies:

129983 Apr 13,2017 07:00 AM Apr 14,2017 05:47 AM Angular 2
loading
Tags: ejGrid
marco
Asked On April 13, 2017 07:00 AM


I need to add a TOOLTIP in a cell of ejgrid with data from the row. 

example:
    <ej-grid [allowPaging]="true" [allowSorting]="true" [dataSource]="gridData" [allowFiltering]="true"  [(filterSettings)]="filterSet" (rowSelected)="onRowClicked($event)">
    <e-columns>
        <e-column field="title" headerText="Title" width="100"></e-column>
        <e-column field="type" headerText="Type" width="100"></e-column>
        <e-column field="status" headerText="Status" width="100" tooltip=">>>errorMsg<<<<" ></e-column>
    </e-columns>
</ej-grid>

Where errorMsg is a FIELD from the row. I have done many attempt to access the data but seem to be impossible.
There is any way to do this?

If not possible how can we use instead a "onclick" event and show in a alert the "errorMsg" field retrieved from the row ?

Thanks.
marco



marco
Replied On April 13, 2017 08:40 AM

I have found a solution by using a template:

<e-column  headerText="Status" width="100" [template]="templateStatus" ></e-column>   

and in component:

this.templateStatus = `<span title='{{:errorMsg}}'>{{:status}}</span>`

:D

thanks

Saravanan Arunachalam [Syncfusion]
Replied On April 14, 2017 05:47 AM

Hi Marco, 
Thanks for contacting Syncfusion’s support. 
We have already discussed the reported query in the following online documentation link. https://help.syncfusion.com/js/grid/cell#tooltip  
Note: we can’t render the jsrender template directly into an Component.html. So, we suggest you to defining the jsrender template on index.html 
Regards, 
Saravanan A. 


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.

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.

;