Telerik Forums
Kendo UI for Vue Forum
1 answer
133 views

I have been able to successfully bind a Vue ref array to the first listbox control's data-source property successfully.  I am also able to use the toolbar controls to move items back and forth between two listbox controls.  I am not able to bind a Vue ref array for selected items on the second listbox control.  I am also unable to get the "add" and "remove events to invoke my handler functions.  Please advise on how to get the selected values that are present in the second listbox control.  In the example below, how do I get "Name 2" out of the second listbox control?

 

Thank you for your help

Petar
Telerik team
 answered on 28 Sep 2022
1 answer
116 views

Hello.

I implemented the kendo ui grid vuejs.

I have a question, how it's possible "sticky" the Expand column?

I have other columns "sticky" and works fine, but the "expand" column (master details) don't keep sticky. and i need to hide the "menu filters" in this columns too

Thanks in advance

 

Plamen
Telerik team
 answered on 20 Sep 2022
1 answer
214 views

Hi,

I want to use new notification Vue Notification Component & Overview | Kendo UI for Vue Docs & Demos (telerik.com) from kendo-vue-notification package. How I can implement autohide feature? I need to show the result of a operation but user doesn't have to close notification.

Thanks

Pavel

 

 

 

Petar
Telerik team
 answered on 14 Sep 2022
1 answer
293 views

I would like change the culture of my grid component but I don't know how to do this.

I try to follow this example but it doesn't work -_-

Kendo example :

https://www.telerik.com/kendo-vue-ui/components/grid/globalization/


The the format number don't work ... The number disappear...

My try :

 

How can I change the culture into the grid component ? :-)


Petar
Telerik team
 answered on 12 Sep 2022
1 answer
169 views

Hello,

I am trying to follow along the  examples in the docs, and I have tried to create a TreeView that has collapsible nodes, and checkboxes.

I am encountering some strange issues, such as:

  • When the tree is first loaded, with all nodes expanded, only the first child node of each parent is shown. If I click anywhere inside the TreeView, then the hidden nodes appear.
  • When a parent node is selected (and all children are selected as well), then I cannot expand the parent node. If I click to expand the node nothing happens, but then if I click another node then both parent nodes expand.

 

Since this is pretty basic behavior, I am sure I have misconfigured something or I am entirely missing something.

 

Can you provide some help ?

 

You can find a sample here: https://stackblitz.com/edit/vue-qzba9x?file=src/App.vue

Petar
Telerik team
 answered on 12 Sep 2022
1 answer
265 views
I'm trying to implement a Kendo grid for my project and I was trying to add 'all' options in the pagination and used pageChange  event to set the take value but getting event value as undefined. 

pageable() { return { buttonCount: 5, info: true, type: 'numeric', pageSizes: [10, 15, 20, 'all'], previousNext: true, }; }

pageChangeHandler: function (event) {
  this.skip = event.page.skip;
  this.take = event.event.value === 'all' ? 1000 : event.page.take;
},

 

Petar
Telerik team
 answered on 06 Sep 2022
1 answer
124 views
I have implemented  client side grid that is successfully fetching my data.  When the grid loads, the data is present but pagination is not displaying any data (page number , total items count, page size) for the first load. If I do any action like sorting, filtering or resizing on my table then grid is getting refresh and pagination is working as expected. 

How to resolve this ? 
Petar
Telerik team
 answered on 29 Aug 2022
1 answer
102 views
Hi,

I am working with a grid that uses two columns (Settings & Value). I currently have the Value column editable, but I would like to add a specific editor to each value depending on the type of setting I have. So far it looks like you can only set one type of editor for the entire column. I am curious if there is a workaround I am missing to be able to change the editor type per row.

Thank you
Ken
Top achievements
Rank 1
Iron
 updated answer on 12 Aug 2022
1 answer
242 views
I'm trying to implement a Kendo grid for my Vue project and I was trying to show the pagination with items per page option with a custom message like "Rows per page"


we have a pageable option to show the custom message for these labels, but even after adding the custom text, I don't see the change in the UI. 

Here is my code : 
<Grid
      :id="tableId"
      :data-items="items"
      :resizable="resizable"
      :columns="displayedColumns"
      :pageable="pageable"
>
<Grid>

 computed: {
    pageable() {
      return {
        buttonCount: 5,
        info: true,
        type: 'numeric',
        pageSizes: [5, 10, 25, 50],
        previousNext: true,
        pageSizeValue: this.pageSizeValue,
        messages:{
          itemsPerPage: 'rows per page',
        }
      };
    },
 }
Am I missing something? Can someone please help?

Thanks.
Petar
Telerik team
 answered on 05 Aug 2022
2 answers
113 views

Hi everyone,

I'm having some problems with pageable configuration in kendo native grid. In pageSize I have this array [ 10, 15, 20, "all" ] but when I click on "all" it doesn't work and says "No records available". Do you have an example of this kind of implementation? I've tested in 2.1.2 and 3.4.4 versions.

Thanks a lot.

Maximiliano
Top achievements
Rank 1
Iron
 answered on 02 Aug 2022
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
DatePicker
Editor
Grid wrapper
Scheduler
DropDownTree wrapper
Spreadsheet wrapper
Input
MultiSelect
Calendar
NumericTextBox
DateInput
DateTimePicker
Editor wrapper
Styling / Themes
DataSource wrappers (package)
Scheduler wrapper
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
Button
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
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
SpeechToTextButton
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?