Questions on Kendo UI for Vue Forum

1 answer

133 views

How do you databind selected items in the ListBox Control?

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

ListBox wrapper

answered on 28 Sep 2022

1 answer

116 views

Locked Expand Field

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

Grid

answered on 20 Sep 2022

1 answer

214 views

Autohide of notification from kendo-vue-notification

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

Notification

answered on 14 Sep 2022

1 answer

297 views

Set global culture for grid component

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 ? :-)

Grid

answered on 12 Sep 2022

1 answer

171 views

Problem with TreeView, when using collapsible nodes & checkboxes

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

TreeView

answered on 12 Sep 2022

1 answer

267 views

Kendo UI Grid View implementation using vue | pagination issue

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;
},

Grid

Pager

answered on 06 Sep 2022

1 answer

124 views

Kendo UI Grid View implementation using vue | pagination issue

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 ?

Grid

Pager

answered on 29 Aug 2022

1 answer

102 views

Change Editor Per Row

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

Editor

Grid

updated answer on 12 Aug 2022

1 answer

242 views

Kendo UI Grid View implementation using vue | pageable functionality issue

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.

Grid

answered on 05 Aug 2022

2 answers

113 views

Selecto all doesnt work - Native Grid

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.

Grid

answered on 02 Aug 2022