I followed the "Using the Build Process of the Themes" steps here https://www.telerik.com/kendo-vue-ui/components/styling/#toc-using-precompiled-css and I only want the necessary files for a specific component.
command "npm run build" gives this error:
$ npm run build
npm ERR! missing script: build
npm ERR! A complete log of this run can be found in:
npm ERR! /.npm/_logs/2019-10-30T18_09_36_109Z-debug.log
I can run "npm run sass" and compile the all.css file into the dist folder. But I want custom.css like it instructs.
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-multiselect
id
=
"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)