Telerik Forums
Kendo UI for Vue Forum
1 answer
108 views

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?

Petar
Telerik team
 answered on 28 Mar 2022
1 answer
98 views

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"

 

Petar
Telerik team
 answered on 28 Mar 2022
1 answer
96 views

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?

Petar
Telerik team
 answered on 25 Mar 2022
0 answers
101 views

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?

ANTONIO
Top achievements
Rank 1
Iron
Iron
 updated question on 23 Mar 2022
1 answer
125 views
how to make validation after touched select not defaultly  show error
Petar
Telerik team
 answered on 23 Mar 2022
1 answer
108 views

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

Plamen
Telerik team
 answered on 22 Mar 2022
1 answer
78 views

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? 

Plamen
Telerik team
 answered on 22 Mar 2022
1 answer
142 views

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/

Petar
Telerik team
 answered on 18 Mar 2022
1 answer
179 views

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:

Both parents nodes below have 2 child nodes.

Parent1 happens to be expanded. If I check parent1, the control then checks child1+child2 automatically. And the "@change" function sends all three IDs. This is the desired affect.

Parent2 has 2 child nodes. But the child nodes can't be seen because parent2 is collapsed. When Parent2 is checked, the "@change" only sends parent2 ID. The child Ids are NOT sent. Why is this? Why the difference vs parent1 example?

Also, the child nodes for parent2 do get checked properly by the control. I can see this if I expand parent2. The child nodes IDs just never got sent to the "@change" when it's parent2 was clicked and collapsed.

 

 _parent1
    -child1
    -child2
 _parent2

 

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
  :data-source="items"
  tagMode="single"
  :autoClose="false"
  :checkboxes-check-children="checkChildren"
  :check-all="true"
  :placeholder="placeholder"
  dataTextField="text"
  dataValueField="id"
  @change="onChange"
  :value="selectedItems"
  style="width: 100%"
  height="400px"
  :load-on-demand="true"
>

onChange($event) {
let vm = this
vm.$emit('onHierarchyChange', $event.sender._values)
}

 

Petar
Telerik team
 answered on 18 Mar 2022
2 answers
127 views

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.

Miguel Angel
Top achievements
Rank 1
Iron
 answered on 17 Mar 2022
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
DatePicker
Editor
Grid wrapper
Scheduler
DropDownTree wrapper
Spreadsheet wrapper
Input
MultiSelect
Calendar
NumericTextBox
Editor wrapper
DataSource wrappers (package)
DateInput
DateTimePicker
Scheduler wrapper
Styling / Themes
Chart wrappers (package)
Gantt wrapper
Localization
Chart
Checkbox
ComboBox
Window
Pager
Error
Upload
DropDownList wrapper
Popup
Form
Tooltip
TreeView
Dialog
MultiSelect wrapper
NumericTextBox wrapper
Slider
Toolbar wrapper
Upload wrapper
Validator wrapper
ColorPicker
Accessibility
AutoComplete
AutoComplete wrapper
Button wrapper
ComboBox wrapper
ContextMenu wrapper
Licensing
ListBox wrapper
ListView wrapper
Map wrapper
MaskedTextBox
Menu wrapper
MultiColumnComboBox wrapper
Splitter wrapper
TabStrip wrapper
TimePicker
TreeView wrapper
TabStrip
Card
RadioButton
FloatingLabel
TextArea
Drawer
Stepper
DateRangePicker
Gauge
Splitter
PanelBar
Notification
RangeSlider
Menu
TreeList
Toolbar
Button
ListView
FontIcon
SVGIcon
Animation
Barcode wrapper
ButtonGroup wrapper
Chat wrapper
ColorPicker wrapper
DateInput wrappers (package)
Diagram wrapper
Dialog wrapper
Gauges wrappers (package)
MaskedTextBox wrapper
MediaPlayer wrapper
Notification wrapper
Pager wrapper
PanelBar wrapper
PivotGrid wrapper
QRCode wrapper
RangeSlider wrapper
ScrollView wrapper
Security
Slider wrapper
Switch wrapper
Tooltip wrapper
TreeList wrapper
TreeMap wrapper
Window wrapper
Avatar
StockChart
Sparkline
RadioGroup
Hint
Loader
ProgressBar
Switch
Wizard
Skeleton
ScrollView
ColorGradient
ColorPalette
FlatColorPicker
ButtonGroup
TileLayout
ListBox
ExpansionPanel
BottomNavigation
AppBar
Signature
ChunkProgressBar
VS Code Extension
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?