How can I bind a kendo multiselect to a list of objects? The v-model binding only returns an array with the values of data-value-field.
<kendo-multiselectid="employees"v-model="selectedEmployees":data-source="employeesDataSource":data-text-field="'name'":data-value-field="'employeeNumber'":delay="1000":auto-bind="true":min-length="2"></kendo-multiselect>In the example above selectedEmployees will be set to an array of employee numbers instead of employee objects. How can I get it so work with objects instead?
Hi,
Our old application was written using kendo-ui for jquery - and when we had issues with scrolling, we used useNativeScrolling mentioned in the following reference to help us:
https://docs.telerik.com/kendo-ui/controls/hybrid/native-scrolling
Our new application is using kendo-ui inside a Vue application - is there a way to help us with this issue again - and if so, how can it be done?
Hi,
I am facing issue in kendo grid.
I want to pass multiple optional text as field for single column in kendo grid column definition.
e.g. - Having following JSON and column definition
[
{ 'name': 'Tom', 'play': 'Football'} // here name property is available in both object, but play and study not exist in both.
{'name': 'Jack', 'study': 'Vue'}
]
Column Definition -
columnsDefinitions: [{
field: 'name',
title: 'First Name'
},
{
field: 'study' OR 'play' // how to pass optional multiple property
title: 'Occupations'
} ]
If I make another object in column definition then three columns are created.
But I am expecting only two column - First Name and Occupations (contains - play and study)
Thanks!
hi,
is there a way to scroll to a specific time slot or event in vue schedular ?

I am using the column menu from the example in the docs. However I have added a button outside of my grid that can be used to quickly set a preset filters by updating the filter field. The filtering works, but the column menu interface is not updated accordingly. What can I do to make the column menu react to changes to the filter field?
https://stackblitz.com/edit/drvkhm
Thanks!

I want to show a conformation msg on event resize. On Kendo scheduler I can capture "resizestart" & "resizeend" events. But i cant control the actual resize(changing date time of event by dragging) of event on conformation. It's anyway continuing. I can prevent the event by "e.preventDefault()" but cannot resume it if the user chooses to continue.
Is there another solution for this?
<kendo-scheduler id="kendoScheduler" class="Scheduler" :data-source="eventList" @change="onChange" :all-day-event-template="templateAllDayEvent" @moveend="onMoveEnd" @resizeend="onResizeEnd" @movestart="onDragStart" @resizestart="onResizeStart" ><script lang="ts"> onResizeStart(e : any) { Modal.confirm({ Msg:"Do you want to continue", onOk: () => { this.onResizeStart; }, onCancel: () => { e.preventDefault(); } }); }Thank you in advance

Hello All,
I am facing issue of sorting functionality in grid with vuejs.
In grid records are sorting in ascending/descending on click on column name.
But my column name is simple string but field is dot (.) separated value then it is not working.
e.g. -
columnsDefinitions: [ {
field: 'user.role.name',
title: 'rolename',
},
where user.role.name is a key of JSON getting from back-end.
Error : -
Uncaught TypeError: Cannot read property 'role' of undefined
at eval (eval at getter (kendo.core.js?38f6:4631), <anonymous>:3:15)
at Array.eval (kendo.data.js?1f4d:994)
at eval (kendo.data.js?1f4d:1031)
at Array.sort (<anonymous>)
at Query.order (kendo.data.js?1f4d:1546)
at Query.orderBy (kendo.data.js?1f4d:1549)
at Query.sort (kendo.data.js?1f4d:1567)
at Function.Query.process (kendo.data.js?1f4d:1866)
at init._queryProcess (kendo.data.js?1f4d:3914)
at init.query (kendo.data.js?1f4d:3982)
I am using SignalR, to add items to a sheduler datasource.
when adding an appointment if someone is also on an appointment, close the window event,
there is a way to update the agenda without closing the window event
