Questions on Kendo UI for Vue Forum

0 answers

304 views

Template column with the wrapper?

I'm using the Grid Wrapper, I can't for the life of me figure out how to do a template column?

..or like binding to a WCF date to convert to something readable

**EDIT**

Got it with the column data API bindings

Grid wrapper

updated question on 19 Oct 2022

0 answers

228 views

Change title for Filters

Hi I have a grid using: https://www.telerik.com/kendo-vue-ui/components/grid/filtering/filter-menu/

I have several filters by columns, how can I change the title?

In the image you can see my grid, for example in the first filter I need the title to be different from the second, how is this possible?

Grid

asked on 17 Oct 2022

1 answer

123 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

106 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

198 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

259 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

150 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

255 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

114 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

94 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