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. Image for the cookie policy date

Label of Fields on Dialog Edit Shows undefined

I have created five new coluns on my Gantt grid, with the following code:

<script type="text/x-jsrender" id="columnTemplate">
    <div style='height:20px;width:20px;margin:auto; background-repeat:no-repeat;'>{{:#data['my_field']}}</div>

function load(args) {
        var columns = this.getColumns();
        columns.splice(9, 0,
               field: "my_field",
               headerText: "my_field_text",
               columnTemplate: true,
               templateId: "columnTemplate",
               width: "120px"

.ClientSideEvents(options =>

It's everything ok on the grid. It displays values from my new column, but when I try to edit a task the label for the new fields shows as undefined, and the textfield is empty with no value.

When I try to add a task the labels shows undefined too (image attached).

What can I do to show the label correctly and load the values when editing?

Otto Machado.

Attachment: Gantt_c20606a1.zip

1 Reply

JR John Rajaram Syncfusion Team January 22, 2015 10:06 AM UTC

Hi Otto,

Thanks for using Syncfusion products.

We are able to reproduce the issue Label of Fields on Dialog Edit Shows undefined, we have created incident "# 134330" for this reported issue. Our support engineer will assist you through incident under your Direct Trac account.

Our Direct Trac support system can be accessed from the following link:



John. R

Live Chat Icon For mobile
Up arrow icon