Pending Review
Last Updated: 11 Dec 2019 15:23 by Sander

Goodmorning Progress,

We're working quite some time with Kendo for Vue and we are slowly migrating some old 'wrapper' grids to the new native grids. We know there are some limitations in it, because not everything is developed yet, but that wasn't a show stopper for us.

Or project uses quite a lot of data (like a google sheet) and we need it to be editable. So we implemented a native grid and a custom cell render with a VueComponent. This works perfect in case of a little amount of cells, but when there are more rows and columns it's giving us some performance issues.

First we tried virtual scrolling, but this feel 'honky-bonky' and is not even workable on a mac. Then we tried column-virtualization to minimize the rendered data, but also that didn't work. Columns aren't re-rendered when visible and its conflicting with our three locked start columns (visually data overlapping, numbers go through each other, etc).

Then our options are down to zero, so i started to investigate with some performance profiling what's happening. In our case we have 70 columns and 500 rows, this results in like 35k cells. Rendering isn't the big issue, until u start interact with the grid. Our RowClick-function sets one item in the data-items to 'inEdit' like the docs also showing. When this is happening the page freezes and i start wondering why. I found out that ALL the GridCell's (with a custom CellRender) are calling the updateRender-function. So 35k functions are called in some milliseconds and causes it to freeze. It takes around 30 sec's to get it a bit reactive, but you can understand its not workable anymore.

Our wrapper grids hadn't a single problem with handling these kids of data (no paging, no weird stuff, also custom renders for every cell)

Can you please provide me an answer why this is happening? It's possible to get access to our test-environment with the grids in action to visualize my problem a bit better. 

We have a payed license on a co-worker account (berend.haan@..).

Kind regards, 
Sander

Approved
Last Updated: 04 Dec 2019 08:46 by ADMIN
Currently, in order to customize the Group Header the :cell-render prop of the Grid should be used. That, however, manages all cells (group header cells and column cells). In order to make the configuration more granular, please, provide a Group Header Template configuration option.
Pending Review
Last Updated: 02 Dec 2019 18:58 by ADMIN
Created by: n/a
Comments: 1
Type: Bug Report
0
How can i set visible for custom command?
Approved
Last Updated: 02 Dec 2019 08:44 by ADMIN

See ticket 1444254 for details. 

 

The scenario:

The start and end date for the widget is set during the component load and will trigger another function. It's impossible to change and capture the date range change from that point on without more coding - messy.

The behavior should be,

  • select start date, select end date then fire the change event.
  • Also during the date range selection, scrolling through months should not reset the date until an actual date is selected.

The implementation seems unfinished and unusable (at least for my use case)...it is really worthless as it stands for a date range utility....might as well just implement 2 calendar inputs and code for selection - I did this in another framework and it kinda sucked to do :-). This widget's expected behavior, its potential  would be a big time saver for a dev if it was coded more in the spirit of its name. 

 

 

Approved
Last Updated: 21 Nov 2019 16:58 by Erik

I'm submitting a...

  • Bug report

Current behavior

When defining a custom cell template by defining a new Vue component few Vue warnings appear in the console. Here are the errors:

  • [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "dataItem"
  • [Vue warn]: $listeners is read-only.

Expected behavior

There should be any errors in the console when defining a cell template using a Vue component.

Minimal reproduction of the problem with instructions

  1. Open this Dojo example
  2. Sort the Grid by any column
  3. See the browser's console

Environment

Package versions: kendo-vue-grid 0.3.7 loaded via CDN

Approved
Last Updated: 15 Nov 2019 22:00 by laura
Created by: Minas
Comments: 3
Type: Feature Request
2

Hello there,

 

I am looking for a loading spinner solution to use with Vue Native Grid. I could not find something on the docs.

Is there any way I can show some kind of loading indicator while loading the data?

I am not using data source from Kendo, just basic method to populate `:data-items="items"`

 

Thank you!

Completed
Last Updated: 13 Nov 2019 15:16 by ADMIN
Release 2019.R3.SP.next

Bug report

In Scheduler event, if the eventTemplate has a table, the add event is triggered when editing an existing task, resulting that both popups open and close instantly.

Reproduction of the problem

Open this dojo example. Choose an event and click the span containing the text "I have some icons here".

Current behavior

The add event popup shows together with the edit event popup.

Expected/desired behavior

Only the edit event popup should be displayed.

Environment

  • Kendo UI version: 2019.3.917
  • Browser: [all]
Completed
Last Updated: 04 Nov 2019 08:43 by ADMIN

I'm submitting a...

  • Bug report

Current behavior

Kendo Vue Grid (native) throws an error whenever you type a character into any of the column filters.

Expected behavior

The Grid data should be filtered like it could be seen in this StackBlitz project: https://stackblitz.com/edit/hqoco4?file=package.json

Minimal reproduction of the problem with instructions

Steps to reproduce:

  1. Open this demo: https://www.telerik.com/kendo-vue-ui/components/grid-native/filtering/
  2. Try to filter the Grid data by entering a value in the filters above each of the columns

The following error will appear in the console:
RangeError: Invalid array length at s (kendo-vue-grid.js:22) at a.e.setFilter (kendo-vue-grid.js:22) at change (kendo-vue-grid.js:22) at Bt (kendo-vue-grid.js:17) at a.n (kendo-vue-grid.js:17) at Bt (kendo-vue-grid.js:17) at a.t.$emit (kendo-vue-grid.js:17) at a.e.triggerChange (kendo-vue-grid.js:17) at a.e.inputChange (kendo-vue-grid.js:17) at input (kendo-vue-grid.js:17)

What is the motivation or use case for changing the behavior?

Regression bug

Environment

Package versions:
@progress/kendo-vue-grid": "0.3.6"

Browser:
All

Completed
Last Updated: 04 Nov 2019 07:24 by ADMIN

Bug report

Reproduction of the problem

Reproducible in the Basic Usage demo. Screencast.

  1. Filter the Name column by specifying two alternative filters (by selecting "Or")

Current behavior

A js exception is thrown.

Expected/desired behavior

The Grid is filtered.

Environment

  • Kendo UI version: 2019.2.619
  • jQuery version: x.y
  • Browser: [all]
Pending Review
Last Updated: 24 Oct 2019 13:16 by ADMIN
Created by: Gregory
Comments: 1
Type: Feature Request
1
I'd like to request the ability to create a Row Template in the Native Vue Grid similar to the Grid wrapper.  This way, I can use my custom Vue Components.
Completed
Last Updated: 22 Oct 2019 08:51 by ADMIN

Describe the bug
Text in the DropDownList with filtering enabled is displayed outside of the scroller's bottom border. Reproducible in SASS Material and Default themes.

To reproduce
Steps to reproduce the behavior:

  1. Dojo example (Kendo UI for jQuery). Stackblitz (Kendo UI for Vue).
  2. Open the dropdown and scroll the list. Occasionally, an item's text would be displayed as shown in this screenshot.

Affected package (please provide)

  • theme-default
  • theme-material

Affected suites (please provide)

  • Kendo UI for jQuery
  • Kendo UI for Vue

Affected browsers (please provide)

  • Firefox: 69
  • Chrome: 77
  • Edge version: 42

Build system information (please provide)

  • OS: Windows
Pending Review
Last Updated: 21 Oct 2019 09:51 by ADMIN
Created by: o11an
Comments: 1
Type: Bug Report
0
Just wanted to let you know that the CDN for Kendo Vue native grid suddenly stopped working today, about 1 hour ago. I hade to change @latest in the url to @0.3.4 (it automatically changed to 0.3.5 otherwise, and there's nothing there) to get my dev environment up and running again.
Approved
Last Updated: 24 Sep 2019 08:25 by ADMIN
Created by: VIVEK
Comments: 0
Type: Feature Request
0
Add the ability to play rts files in Kendo Media Player
Pending Review
Last Updated: 12 Sep 2019 07:09 by ADMIN

I am using Kendo Vue Wrapper Grid that is editable. I am using the propery 

:editable-create-at="bottom"

but the new rows are always added at the top.

There is another open issue related to this.

https://github.com/telerik/kendo-ui-core/issues/5198

 

Please provide a fix.

 

Approved
Last Updated: 05 Sep 2019 16:11 by ADMIN
Created by: TMM
Comments: 1
Type: Feature Request
1

Hi,

I'm interested in using Drawer for our project, but the current docs only seem to show that it's natively supported with jQuery. I know I can still use it on my Vue project with lots of jQuery usage, but I just wanted to confirm if Drawer is available or not with a vue wrapper to be able to continue with  my component more elegantly.

And if it does not exist yet, I would like to request a new feature for a Kendo UI Vue wrapper available for the Drawer module.

Cheers,

Mark

Approved
Last Updated: 05 Sep 2019 06:34 by ADMIN

I'm submitting a...

  • Bug report

Current behavior

When there is a custom cell template applied to a column in the Grid(Native), using the grouping functionality breaks Grid's layout

Expected behavior

The Grid's layout shouldn't be affected if we apply a custom cell template

Minimal reproduction of the problem with instructions

  1. Open this StackBlitz project
  2. See that the values in the ProductName column are bolded, but Grid's layout is broken
  3. Remove the cell template definition on line 54 by removing the cell property.
  4. Run the project again and see how if we don't apply a cell template, Grid's layout is being displayed correctly

Environment

Package versions:

2019.2.621

Browser:
All

Approved
Last Updated: 26 Aug 2019 13:00 by ADMIN

Currently, there is a @remove event that triggers after Delete is pressed in the default delete modal. 

This seems non-parallel to how the @edit event works where it triggers as soon as a scheduler item is double clicked (edited) or when an open timeslot is double clicked (create new).

With @edit, I can customize what happens after an attempt to edit/create was made because it is triggered before an action is finalized.

With @remove, I cannot do the same because @remove doesn't trigger after an attempt to delete is made.

 

Is it possible to have an event that fires when the k-event-delete (the 'x' button) is clicked?

Approved
Last Updated: 14 Aug 2019 10:08 by ADMIN
Created by: Brian
Comments: 1
Type: Feature Request
0
Our front end team went through several frameworks before settling on Vue and nuxt.  From what I have been reading, nuxt is beginning to take off as a way to implement server side rendering of Vue.  It would be great if nuxt integration support were added to the Kendo Vue wrappers (or as a separate package if that makes more sense).
Approved
Last Updated: 12 Aug 2019 14:57 by ADMIN
Created by: Nalaka
Comments: 1
Type: Bug Report
1

Hi,

I am trying to use a vue single file component as the content of tooltip. I used the template syntax and it does not work. Is there any other way to achieve this?

getContent: function(e) {
      console.log("getContent");
      return {
        template: Vue.component("Tooltip", Tooltip),
        templateArgs: Object.assign({}, this.templateArgs, {
          parentComponent: this.$refs.ddl
        })
      };
    }

 

Please find the sample here. https://codesandbox.io/s/vue-template-5ex7i

 

Regards,

Nalaka

Approved
Last Updated: 12 Aug 2019 12:13 by ADMIN

Hi,

I used "kendo-multiviewcalendar" component & user want to select whole week days related week number by clicking on the weeknumber.

 

My requirement is,

I need three calendars like "img1.jpg" 

user wants to, 
     
  • select multiple days between calendars.     
  • select whole week days by clicking on the week number like "calendar".

 

I had a conversation with "Petar" in your forum.

https://www.telerik.com/forums/kendo-multiviewcalendar----weeknumber-column-click-event#Uaoau3UJG0yUJpUR6ZRMbA

 

I Appreciate your support and waiting for your feedback.

 

Regards,

Chathura 

 

 

 

 

1 2 3