Column Template in ResourceView Mode based in resource property

Question

Hi,I want to create a column in a gantt in resource view mode ant fill it using a template. The template is just an icon that depends on a resource property called 'state'. How can I access to this property in the template?Thanks.

Punniyamoorthi Elangovan · Answer

Hi Oscar,

Thank you for contacting Syncfusion support

We have analyzed your requirement. In Resourceview Gantt we can add custom column in grid part by using load client side event, and also we can customize the column by using columnTemplate support. Please refer the below code snippet

[HTML]

<ej-gantt id="resourceGantt"

[dataSource]="resourceGanttData"

[viewType]=viewType

(load)="load($event)"

//..

>

</ej-gantt>

[TS]

load(args) {

var ganttObject= $("#resourceGantt").ejGantt("instance");

var customColumn = {

field: "status",

mappingName: "status",

allowEditing: false,

headerText: "Status",

isTemplateColumn: true,

templateID: "columnTemplate",

};

var ganttcolumns = ganttObject.getColumns();

ganttcolumns.push(customColumn);

}

[HTML]

<body>

</script>

</body>

We have prepared the sample, in this sample we have rendered the icons in custom column(Status) based upon the resource data source field of ”status”.

Please find the sample link below

http://www.syncfusion.com/downloads/support/forum/138514/ze/Angular_sample1800222878

Please let us know if you require further assistance on this.

Regards,

Punniyamoorthi