1. Home
  2. Forum
  3. jQuery
  4. data.ganttrowClassName is not a function

data.ganttrowClassName is not a function

Hello,

I have a problem with Gantt control. I generated a script from a custom script generator and I selected only ejGantt. I added to my page a generated script, css files and a code snippet from http://js.syncfusion.com/demos/web/#!/azure/gantt/databinding/localbinding but it doesn't work. Opera's console contains an error:
Uncaught TypeError: data.ganttrowClassName is not a function
    at Function.eval [as fn] (eval at buildCode (VM26778 612:NaN), <anonymous>:7:46)
    at renderWithViews (VM26778 612:1598)
    at Function.renderContent [as render] (VM26778 612:1468)
    at Object.eval [as ejTreeGridschedule-gantt_Template] (VM26778 612:1051)
    at Object.sendDataRenderingRequest (VM26790 798:1)
    at Object.renderRecords (VM26790 798:1)
    at Object._renderGridContent (VM26790 798:1)
    at Object._renderGrid (VM26790 798:1)
    at Object._initGridRender (VM26790 798:1)
    at Object._checkDataBinding (VM26790 798:1)

5 Replies
PE Punniyamoorthi Elangovan Syncfusion Team July 20, 2018 01:17 PM UTC

Hi Michal, 
Thank you for contacting Syncfusion support 
We have analyzed your reported issue, but we are unable to reproduce the reported issue in our end. We have prepared the sample for your reference, in this sample we have referred the generated script files from CSG(Custom Script Generator) and the sample is working fine also in Opera browser without any issues. 
Please find the sample from below link 
Please let us know if you require further assistance on this. 
Regards, 
Punniyamoorthi 



MD Malgorzata Dobkowska July 23, 2018 01:29 PM UTC

Hello,

I prepared Vue.js application with webpack and syncfusion-javascript npm package. To start it, you need Node.js with NPM. Then open the console in unzipped folder and run commands: 
npm install
npm run dev
Go to localhost:8080 in the web browser and open console. You will have the same error as I reported.
I need urgent help and solution for this problem.

Attachment: myproject_17c08665.zip

PE Punniyamoorthi Elangovan Syncfusion Team July 25, 2018 01:15 PM UTC

Hi Michal, 
We have analyzed your reported issue and attached sample. This issue due to the ID value of the Gantt control is not defined properly. Since we are using JsRender to render Gantt, using hyphen symbol in Gantt’s ID will not be validated properly and thereby we suggest you to provide the ID of Gantt control without hyphen symbol, please refer the below code snippet 
<template> 
    <div id="schedulegantt"></div> 
</template> 
 
mounted() { 
        const data = ej.DataManager(projectData); 
        $('#schedulegantt').ejGantt({ 
            dataSource: data, 
            allowSelection: true, 
  } 
}); 
You can also use underscore symbol in Gantt’s ID as ‘schedule_gantt’. We have prepared a sample for your reference, please find the sample link below 
Please let us know if you require further assistance on this. 
Regards, 
Punniyamoorthi 
  


MD Malgorzata Dobkowska July 26, 2018 06:54 AM UTC

Thank you very much for the solution, the problem is solved.

PE Punniyamoorthi Elangovan Syncfusion Team July 27, 2018 12:49 PM UTC

Hi Michal,  
We are glad to know that your issue has been resolved with the solution we have provided.  
Please let us know if you require further assistance on this.  
Regards,  
Punniyamoorthi 


Loader.
Up arrow icon