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.
Syncfusion Feedback

Aurelia - Template Column not displaying correctly after updating datasource

Thread ID:

Created:

Updated:

Platform:

Replies:

126216 Oct 1,2016 08:05 AM Oct 3,2016 08:32 AM JavaScript 1
loading
Tags: ejGrid
Steven Eichenberg
Asked On October 1, 2016 08:05 AM

I am using the Syncfusion Bridge for an Aurelia application.  The grid is defined below.

(report-demo.html)

       <ej-grid id="demoGrid" e-data-source.bind="OrdersList" e-allow-paging=true>
            <ej-column e-field="OrderID" e-header-text="Order ID" e-text-align="right" e-width="75" e-templateID="#columnTemplate">
                <ej-template>
                    <a rel='nofollow' href="">${OrderID}</a>
                </ej-template>
            </ej-column>
            <ej-column e-field="CustomerID" e-header-text="Customer ID" e-width="90"></ej-column>
            <ej-column e-field="EmployeeID" e-header-text="Employee ID" e-text-align="right" e-width="90"></ej-column>
            <ej-column e-field="Freight" e-header-text="Freight" e-format="{0:C2}" e-text-align="right" e-width="75"></ej-column>
            <ej-column e-field="ShipCountry" e-header-text="Ship Country" e-width="100"></ej-column>
        </ej-grid>

I'm using the example Javascript to load the data

export class ReportDemo {
    constructor() {
      this.OrdersList =  ej.DataManager({ // eslint-disable-line new-cap
        url: 'http://mvc.syncfusion.com/Services/Northwnd.svc/Orders/'
      });
    }

The grid displays fine with the OrderID as a hyperlink.



I have a button that calls the following javascript code:

fetchResults(){

       var newList =  ej.DataManager({ // eslint-disable-line new-cap
        url: 'http://mvc.syncfusion.com/Services/Northwnd.svc/Orders/'
      });
  
        var grid = $("#demoGrid").data("ejGrid");

        grid.dataSource(newList, true);


    }
}

After the grid is refreshed, the OrderID does not display correctly.
The grid is positioned on Page 1.

Instead of displaying the OrderID value as a hyperlink it displays the following:  
${OrderID}
If I goto page 2 it will display the the OrderID value as a hyperlink.

Please see the attached file.


The issue is the Template column does not display properly after updating the datasource on Page 1.

Please help.  Thank you,

Steve



Attachment: Grid_Issue_4b71b713.zip

Jayaprakash Kamaraj [Syncfusion]
Replied On October 3, 2016 08:32 AM

Hi Steven, 
A support incident has been created under your account to resolve the issue. Please log on to our support website to check for further updates.  
 
Regards, 

Jayaprakash K.
 


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.

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

;