Telerik Forums
Kendo UI for Vue Forum
0 answers
103 views

Hello,

 

I need to use a column filter with checkboxes on my current grid. I want the checkboxes to have values from all the possible data from the server instead of only the data that I got on the current page.

This means that when the column filter is getting open, I need to make a call to the server in order to get all the data I need.

Can you please provide me a way to do, because I can't find one.

Thanks

 

Nevermind, I solved it. I saw that there is a property dataItems. This raised another question. How can I make a loading animation for the dropdown while I m waiting to get my data?

Daniel
Top achievements
Rank 2
Iron
Iron
 updated question on 18 May 2023
0 answers
94 views
When the Native DatePicker opens to the top, the panel stutters/bounces slightly when opening.

Is this something that's planned to be fixed or will it maybe be fixed when the Vue DatePicker switches to the new design as seen on React and Angular counterparts?



Vue (slight bounce when opening datepicker):
Gddw4q (forked) - StackBlitz

 

React (no bounce when opening datepicker):
Kutbzz (forked) - StackBlitz

Thanks in advance

Vincent
Top achievements
Rank 3
Iron
Iron
Iron
 asked on 15 May 2023
0 answers
80 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
0 answers
716 views

I'm getting the following in my Debug Console when I run my application;

License activation failed for @progress/kendo-ui v2023.1.425
No license found.
See https://docs.telerik.com/kendo-ui/intro/installation/using-license-code for more information.

This despite having the license file present in my project root. At the moment, I have removed the environment variable since I thought it might be causing a conflict.

I have also used npm uninstall to remove all my local packages and I have reinstalled the. Her eis my current package.json;

{
  "name": "wpgts",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@progress/kendo-file-saver": "^1.1.1",
    "@progress/kendo-licensing": "^1.3.0",
    "@progress/kendo-map-vue-wrapper": "^2023.1.314",
    "@progress/kendo-svg-icons": "^1.4.2",
    "@progress/kendo-theme-default": "^6.2.0",
    "@progress/kendo-theme-fluent": "^6.2.0",
    "@progress/kendo-ui": "^2023.1.314",
    "@progress/kendo-vue-buttons": "^3.9.1",
    "@progress/kendo-vue-dateinputs": "^3.9.1",
    "@progress/kendo-vue-dialogs": "^3.9.1",
    "@progress/kendo-vue-dropdowns": "^3.9.1",
    "@progress/kendo-vue-form": "^3.9.1",
    "@progress/kendo-vue-indicators": "^3.9.1",
    "@progress/kendo-vue-inputs": "^3.9.1",
    "@progress/kendo-vue-intl": "^3.9.1",
    "@progress/kendo-vue-layout": "^3.9.1",
    "core-js": "^3.8.3",
    "jquery": "^3.6.4",
    "register-service-worker": "^1.7.2",
    "rxjs": "^6.6.7",
    "vue": "^3.2.13",
    "vue-router": "^4.0.3",
    "vue-rx": "^6.2.0"
  },
  "devDependencies": {
    "@types/jquery": "^3.5.16",
    "@typescript-eslint/eslint-plugin": "^5.4.0",
    "@typescript-eslint/parser": "^5.4.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-plugin-pwa": "~5.0.0",
    "@vue/cli-plugin-router": "~5.0.0",
    "@vue/cli-plugin-typescript": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "@vue/eslint-config-typescript": "^9.1.0",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^8.0.3",
    "typescript": "~4.5.5"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "eslint:recommended",
      "@vue/typescript/recommended"
    ],
    "parserOptions": {
      "ecmaVersion": 2020
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead",
    "not ie 11"
  ]
}

Why am I getting this licensing issue despite having followed the instruction at this link;

https://www.telerik.com/kendo-vue-ui/components/my-license/

Any help would be greatly appreciated.

 

Thanks...

John
Top achievements
Rank 1
 asked on 12 May 2023
0 answers
106 views
How do I ensure the selected value is always visible when DropDownlist with virtualization and value primitive = true?



9s23we (forked) - StackBlitz

Repro:

  1. select item 1
  2. scroll down until subset containing item 1 is out of view
  3. see that the dropdown button no longer shows 1
Vincent
Top achievements
Rank 3
Iron
Iron
Iron
 asked on 19 Apr 2023
1 answer
209 views

Hi all,
I would like to try Kendo Vue SpreadSheet wrapper component.

Because there is no native Vue SpreadSheet component at the moment.

I have tried somethings but I cannot run my example programs.

I have installed kendo-ui and spreadsheet wrapper (or any other wrappers).

When I run the program with npm run dev I got error below.
(I tried it on Windows 10 and Linux Ubuntu 22)

EDIT: I found this https://github.com/telerik/kendo-ui-core/issues/7238, but there is no solution addressed.

=========================================================================

VITE v4.2.1  ready in 391 ms

    Local:   http://localhost:5173/
    Network: use --host to expose
    press h to show help
✘ [ERROR] Unterminated string literal

    node_modules/@progress/kendo-ui/umd/kendo.all.min.js.map:1:6045463:
      1 │ ...x3e8);}return _0x135b10[_0x3505('0x4')]=_0x31765a,_0x135b10[_0x3505('0x28')]=_0x4b9d63,Object[_0x3505('0x4d')](_0x135b10,_0x3505('0x4f'),{'value':!![]}),_0x135b10;}({});
        ╵                                                                                                                                                                             ^

  The source map "node_modules/@progress/kendo-ui/umd/kendo.all.min.js.map" was referenced by the
  file "node_modules/@progress/kendo-ui/umd/kendo.all.min.js" here:

    node_modules/@progress/kendo-ui/umd/kendo.all.min.js:3:21:
Plamen
Telerik team
 answered on 07 Apr 2023
1 answer
135 views

Hi Everyone,

I had implemented tree view wrapper for vue and I need to make a functionality that select or unselect all checkboxes in the tree view.

I'm using the latests versions of treeview-vue-wrapper and vue js.

Hope you could help me.

Thanks



Plamen
Telerik team
 answered on 04 Apr 2023
1 answer
116 views

Hi,

I would like to add the refesh button like in the following example but can not figure out how to do this in the VUE component.
https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/pageable.refresh#pageablerefresh

Vessy
Telerik team
 answered on 04 Apr 2023
1 answer
125 views

We are evaluating kendo vue components for our project.

when typing in combobox, the dropdown doesn't scroll to first match.

Please refer to demos

https://www.telerik.com/kendo-vue-ui/components/dropdowns/combobox/

 

data items are:

["Baseball", "Basketball", "Cricket", 
            "Field Hockey", "Football", "Table Tennis", "Tennis", 
            "Volleyball" ]

when searching for "volley" the dropdown doesn't scroll to volleyball  item.

Plamen
Telerik team
 answered on 30 Mar 2023
1 answer
116 views

While completing the annual survey a couple of weeks ago, I was surprised to see that the Vue framework was conspicuously absent from the question about which technologies we expect to use in the future.  JQuery, Angular, and React were all there, along with many other technologies.  But Vue was missing.

Does this mean that Telerik is planning to drop support for the Vue framework in the future?

Plamen
Telerik team
 answered on 27 Mar 2023
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?