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
schemaData function not working.
My app use kendo datasource.
code> export default { data(){ return { ds: new kendo.data.DataSource({ ...
schema: { data: function(response){ ...}
But schema data function is not invoked when it call ds.read() fucntion.
How can i fix it?
It was working last week but not now. What's goning on my code?
Please let me know what is wrong.
Hi All,
How can we create , show , hide button in grid using vue js
Hi All,
We wish to start new project using Kendo UI and using Vue.Js. My requirement Listing Below
In my application i had above 10 menus. When i click each menu it will load grid with data. When i login application it will land in default page with grid and corresponding menu will be active. when i click second menu i want to minimize first grid data and load second grid data, when i click third menu again i want to minimize second grid data and load the third grid data. like that remaining menus. But when i click first or second or third minimized grid (not in menu) i want show that grid data . its will show only existing data(not going to data base and retrieve data). How will achieve this requirement using Kendo UI and vue.js? i don't use session state kind of state management methods