Telerik Forums
Kendo UI for Vue Forum
1 answer
1.7K+ views

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?

 

Petar
Telerik team
 answered on 08 Apr 2022
1 answer
485 views

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!

Petar
Telerik team
 answered on 06 Apr 2022
1 answer
111 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
101 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
101 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
110 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
134 views
how to make validation after touched select not defaultly  show error
Petar
Telerik team
 answered on 23 Mar 2022
1 answer
112 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
80 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
150 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
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
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?