If possible, please point me to a working example of this using remote data source. My config as below:

    <ganttdatasource ref="ganttdatasource1"
                            :transport-read="ganttRead"
                            :transport-update="ganttUpdate"
                            :transport-create="ganttCreate"
                            :transport-destroy="ganttDestroy"
                            :transport-parameter-map="parameterMap"                           
                            :transport-batch="true" 
                            schema-model-id="id"
                            :schema-model-fields="fields">
    </ganttdatasource>

        <gantt
            ref="kendogantt"
            id="gantt"
            :height="500"
            :editable-create="true"         
            data-source-ref="ganttdatasource1"            
            :assignments="assignments"          
            :resources="resources"
        >
        </gantt>

I'm using the gantt with remote data with custom functions (I use axios, not Telerik gantt data source built-in features). When the gantt first loads it gets it's tasks from  'transport-read', task resource assignments from 'assignments' prop, and resources from 'resources' prop. All works just fine.

Now when a task's assignment is updated, it triggers my custom function 'ganttUpdate', it passes in a data object with all the task data + a .resources. property that has all the assignments for the task and I can update my backend ok.

What I don't understand is what I need to return from 'ganttUpdate' - I mean there are now two places where the task resource assignments are kept (1) on the task itself in the .resources property, and (2) on the gantt in the 'assignments' prop (which has all the assignments for all tasks). It is very confusing.

As we are working vue3 with typescript, we are facing a lot of issues implementing the wrapper components as all the demos are available in JS.

Can anyone provide a sample demo of notification (using as a toaster) with typescript.

Find the attached SS of error.

I have a simple gantt linked to local datasource (there is no backend api), when adding a task I want to handle the onAdd event and mutate the local datasource.

It seems to work ok except that the id of the new task in onAdd is set to 0 (console.log(e.task) in on Add) - am I supposed to set this id value manually?

We are trying to use native grid component and following the official demo documentation along with StackBlitz example.

In StackBlitz, it's throwing an Maximum call stack size exceeded. Please find the attachment.

Link: https://fmdsao--run.stackblitz.io/

Can anyone help us to resolve this issue as grid is our primary component to leverage.

There is a way to block appointments in hours.

Example in the image

Hi, we have a multilanguage application and we need to change the Kendo UI for Vue language dynamically.

Currently, we were doing it like this and it worked:

But we need the script to grab it locally for possible own modifications. I am trying this way :

But it gives me a javascript error when pointing to the script ('Module is not defined').

Could you guide me a bit? Thanks!

I have the code below as per the docs, all is fine except the parameter map function never gets called (for any operation, read or create etc.)

    <ganttdatasource ref="ganttdatasource1"
        :transport-read="gRead    
        :transport-parameter-map="parameterMap"
        ......
    </ganttdatasource>

    <gantt
        data-source-ref="ganttdatasource1"
......
    ></gantt>

    methods: {
        parameterMap: function(options, operation) {
            console.log("parameterMap!", options)       //Never see this
            .....
        }

Hello there!

Many examples show how to export data from the grid, specifically using the saveExcel method, using local data.  How do you do it using a remote DataScource?

When tabbing into an input element that has a value, the entire value is selected. However, when tabbing into a NumericTextBox that has a value in it, the value is not selected and the cursor is placed in front of the value.

Go to https://stackblitz.com/edit/geamde?file=src/main.vue and enter values for all 3 fields, click the first field, then tab to the second and third field to see an example. This is an example from the NumericTextBox documentation.

How can I make the behavior of NumericTextBox consistent with the other input fields?