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>
</script>

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 =>
              {
                  options.Load("load");
              })

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?

Thanks,
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:

https://www.syncfusion.com/account/login?ReturnUrl=/support/directtrac/incidents

Regards,

John. R



Loader.
Up arrow icon