Telerik Forums
Kendo UI for Vue Forum
20 questions
Sort by
1 answer
62 views

Hello,

Am having trouble using the .removeFiles() method of the Vue Upload component.  I was wondering if anyone had an example of this in use or could point to some documentation describing how to use it?  The Vue API documentation for the component doesn't seem to include this functionality.  Is it even supported?  I do see the removeFiles method when inspecting the component using web developer tools.

 

Thanks!

Matthew
Top achievements
Rank 1
Iron
Iron
 answered on 24 Nov 2022
1 answer
196 views

Dear Telerik Admin,

 

I am using the Kendo Upload component to send a file to my server and in certain cases, it responds with null.

This causes the upload component to throw the following error:

   "Uncaught TypeError: Cannot read property 'fileUid' of null
    at parseSuccess (webpack:///./node_modules/@progress/kendo-ui/js/kendo.upload.js?:2105)
    at tryParseJSON (webpack:///./node_modules/@progress/kendo-ui/js/kendo.upload.js?:2450)
    at formDataUploadModule.onRequestSuccess (webpack:///./node_modules/@progress/kendo-ui/js/kendo.upload.js?:2131)
    at XMLHttpRequest.eval (webpack:///./node_modules/@progress/kendo-ui/js/kendo.upload.js?:2037)"

 

Could you please let me know when this is fixed? 

 

Kind regards,

 

Natasha

Ianko
Telerik team
 answered on 26 Feb 2020
1 answer
73 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
9 answers
448 views

I have a kendo upload inside a kendo window with ref=upload. On window activate I want to clear the files list. 

activate() {

    this.$refs.upload.kendoWidget().clearAllFiles();

}

 

Everything works fine until I upload a file. Once a file is uploaded the call to this.$refs.upload.kendoWidget() starts returning null.

Ianko
Telerik team
 answered on 25 Jun 2018
1 answer
51 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
0 answers
75 views

Hi i want to ask about editor in native component like in this demo Link
so i have 2 problem so far when implementing editor.
first question is when i set value in v-model and load page, i can get value after load finish but i cant type anything in editor
this is my setup code :

<Editor
                  ref="editor"
                  :tools="tools"
                  @blur="saveResumePI('draft');setValueEditor()"
                  v-model="candData.mem_about_me"
              />

second question is that popup tools css like insert image or insert code looks broken when i open it
i upload screenshot for your reference about my second question

you can ask more detail if my question is confusing
thanks

 
Kenji
Top achievements
Rank 1
Iron
Iron
 asked on 02 Feb 2023
1 answer
84 views

hi I am the user of kendo-uploader

when  I open the kendo-window, my fileUpload have to Keep some files what I can remove, so I use a Initailfile Option like the Code of below

$("#fileUpload").kendoUpload({
        async: {
          saveUrl: "save",
          removeUrl: "remove",
          autoUpload: false,
          removeVerb: "DELETE",
        },
        remove: onRemove,
        files: this.mUploadFiles
      });

but I make a Problem because when I press the X button ,It works remove process immediately but I want to use my Custom remove process.

How can I use my Custom remove Process . Please help me to solve the problem

Veselin Tsvetanov
Telerik team
 answered on 19 Dec 2019
0 answers
43 views

Is there an example demonstrating how to bind a function to the saveUrl property?  It looks like it's supported.  Please see screen shot below.  Ultimately I'm trying to gain full control of the upload process so I can upload files to blob storage.  If there's another way to consume the upload control or use a different control entirely to allow me to do that please advise.

Thank you,

Don

Don
Top achievements
Rank 1
 asked on 12 May 2023
1 answer
62 views

A number of Kendo components could do with better support for screen readers, including:

  • Pagination (eg in a grid): page links should read something like "Go to page 1", not just "1".
  • Dialog's labelled by and close button less confusing - it currently reads the whole header row, several times in a row.
  • Upload / external drop target: Upload hints are running through without a gap.
  • Grid: the header is confusing noise, it reads out "table with zero rows and zero columns" (depending on grid scrolling settings)
  • Date / date range inputs: reads "day/month/year" but not the field label, it's very hard to navigate the date picker.

No doubt there are more than the above.

Effective screen reader accessibility is as much about what you skip as what you add. Where possible, audio prompts should be short and clear, and not produce excess noise.

Petar
Telerik team
 answered on 02 Aug 2022
3 answers
103 views

Hi !

I'm using the kendo editor in the Vue environment.

I want to create a Kendo editor Custom tool using the following template.

I would like to create a Kendo editor custom tool for file upload using the template below. The internal logic is in place and we just want to see an example of creating a custom tool with a template.

--

 <input class="hide_file" type="file" @change="doUploadInput($event.target)"
            @drop="doUploadInput($event.target)" multiple>
          </input>

--

This is well enough in the official documentation but I would like to see a more detailed example.

thank you. have a good day

: )

Petar
Telerik team
 answered on 05 Dec 2019
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
Grid wrapper
Editor
DatePicker
DropDownTree wrapper
Scheduler
Spreadsheet wrapper
Input
Editor wrapper
MultiSelect
DateInput
NumericTextBox
Scheduler wrapper
Styling / Themes
Calendar
DataSource wrappers (package)
Chart
DateTimePicker
Gantt wrapper
Localization
Pager
Checkbox
Upload
Chart wrappers (package)
DropDownList wrapper
Window
Form
Tooltip
TreeView
ComboBox
Dialog
MultiSelect wrapper
NumericTextBox wrapper
Popup
Slider
Toolbar wrapper
Upload wrapper
Validator wrapper
Error
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
FloatingLabel
TextArea
Drawer
Stepper
Gauge
Splitter
PanelBar
Notification
RangeSlider
Menu
TreeList
Toolbar
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
RadioButton
RadioGroup
Hint
Loader
ProgressBar
DateRangePicker
Switch
Wizard
Skeleton
ScrollView
ColorGradient
ColorPalette
FlatColorPicker
Button
ButtonGroup
TileLayout
ListBox
ExpansionPanel
BottomNavigation
AppBar
Signature
ChunkProgressBar
VS Code Extension
+? more
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
Iron
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
Iron
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?