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/
We have a Vuejs app that is using the Kendo DropDownTree control, with checkboxes, to display a hierarchy of data.
The problem is, there is a difference with how the control returns the checked IDs when the parent node is expanded VS collapsed.
To illustrate the problem:_parent1
Is there a way to get all the checked IDs from "$event.sender._values" whenever any node is checked?
Here is how my dropdowntree is configured along with the change function:
<dropdowntree
Hi,
Where can I find an example on how to load remote data on a dropdownlist, the remote data it's a JSON.
Any help would be appreciated.
The company I work at bought Telerik Kendo UI and we've been using it for a couple of months now. After spending many weeks working with this product, I'm curious to take a read on how other people feel about it. Note I've only ever used Bootstrap, Ionic, and other open source frameworks prior to this.
From what I can tell:
Pros:
Builds awesome UI with very minimal design effort
Works incredibly well with entity framework back end
Handles data view related logic internally and requires minimal effort
Cons:
Obfuscated source code due to not being open source, means it's impossible to figure out what the hell it's doing
Workarounds are a pain in the ass
They do horribly sadistic things to markup and CSS
Documentation is terrible, often omitting example code, or contextual code
So all that said, how do you guys feel about Kendo UI?
By default, the grid column menu (https://www.telerik.com/kendo-vue-ui/components/grid/columns/column-menu/) displays a weird tootip on hover, containing the field name and a "Column Menu" text:
I'd like to either remove this tooltip or customize it (for instance, by changing it's text with the title - and not the name - of the field, plus removing the "Column Menu" text). Is there a way to to this?
The documentation contains a "GridColumnMenuItemProps" section, and I see a "title" prop that could be useful (https://www.telerik.com/kendo-vue-ui/components/grid/api/GridColumnMenuItemProps/#toc-title). But I haven't found a way to pass this prop (at least, I haven't found anything on the documentation about it).
Is this possible?