I have a VueJS app that uses the kendo controls.
Is there a way to use the datepicker or another kendo control to select multiple dates? For example by holding the Ctrl+clicking on each date?
Is there an example?
Hi, I am just getting started with using the Kendo Vue components and am trying to implement a context menu. My application is using Vuejs 3 with typescript.
I have a version working with ContextMenu from the @progress/kendo-layout-vue-wrapper package. However, with this, I can't seem to access anything from an event handler argument. Example: function onMenuSelect(e) - I can't seem to access anything about e in my typescript/javascript.
In searching around for typescript types for this, I notice that there is a native kendo vue menu which requires Menu from @progress/kendo-vue-layout and Popup from @progress/kendo-vue-popup. Should I be using this instead? And with this, are there any examples for how to open the menu from rows in a table? I need my context menu to be dynamic based on which table row is triggering it.
I hope some of this question makes sense - I am totally new to using this. Thanks!
Our use case is that we will have a grid, with a single row, that is in edit mode by default.
I can't seem to find any documentation on how to set edit mode by default. Is that possible with the Vue Grid?
hello~
why does not the size fit if kendo-editor is applied to kendo window
please check the pictures
how to editor fill up the window.. uu
Example : https://stackblitz.com/edit/eoy6n3?file=index.html "Martin"
I need to upload all selected files in one single request. However, the Kendo Upload groups the files selected by the user and sends them in different requests. For instance, if the user selects 3 files, and then selects 1 more file, the Upload will trigger 2 requests.
The JQuery version of the component can help me achieve what I want by having the "concurrent" option ( https://docs.telerik.com/kendo-ui/api/javascript/ui/upload/configuration/async.concurrent ). Is this feature missing in the Vue version?
I'm trying to limit the number of files an user can upload. Searching on the internet, I found this solution for the jquery component (https://www.telerik.com/forums/how-to-restrict-the-number-of-files-for-a-single-upload):
function onSelect(e) {
if (e.files.length > 20) {
alert("Please select max 20 files.");
e.preventDefault();
}
}
Since the Vue Native Upload component does not have a "onSelect" event, but has an "onAdd" event, I tried to adapt its handling using the same logic:
function onAdd(e) {
if (e.newState.length > 20) {
alert("Please select max 20 files.");
e.preventDefault();
}
}
However, this trows an "e.preventDefault is not a function" error. And I need to prevent the default behaviour of the "onAdd" event, since it updates the "fileStateCopy" property of the component, which is not desireable in this scenario.
Is there any way I can implement a maximum number of files restriction on the Vue Native component?
Clear action button is not working, and this seems to happen only when the component is in controlled mode.
Here is an example showing the issue: https://stackblitz.com/edit/4n8dnh?file=src/main.vue
First of all, this question is regarding the NATIVE Upload component, for which there is no tag available to choose. Although the wrapper component may have the same issue.
The JQuery Upload component has a upload method that can be programmatically fired ( https://docs.telerik.com/kendo-ui/api/javascript/ui/upload/methods/upload ). This is indeed a must have feature, since we may want to deal with the upload logic triggering ourselves.
Is the Vue version of this component really missing this feature? Is there a workaround that could allow us to handle the firing of the upload process?
Hello.
I would like to know how to add, edit, and delete data from the grid to which the group applies.
I found a demo code for adding and editing groups to the grid, but I couldn't find a demo code that I could edit after adding groups to the grid.
After adding a group to the grid, I tried to add the data editing function, but I couldn't find the row.
Anyone know how to do this?
reference demo
https://www.telerik.com/kendo-vue-ui/components/grid/grouping/
https://www.telerik.com/kendo-vue-ui/components/grid/editing/editing-inline/