Pending Review
Last Updated: 07 Jul 2020 18:36 by Jim
Created by: Jim
Comments: 0
Category: Kendo UI® for Vue
Type: Feature Request
1

Hi,


It is possible to display a vertical bar as highlighted in the image, which is in date and time range. This for time stamps not worked. Example for lunch, or not working due to bad weather.

 

Unplanned
Last Updated: 07 Jul 2020 18:23 by Jim
Created by: JangHyen
Comments: 1
Category: Kendo UI® for Vue
Type: Feature Request
1
Add the option of displaying multiple related tasks on one row in the Gantt chart.
Unplanned
Last Updated: 01 Jul 2020 13:30 by ADMIN
Created by: Dominik
Comments: 2
Category:
Type: Feature Request
2
I want to fold / unfold all groups of the Grid with one click by placing
Unplanned
Last Updated: 29 Jun 2020 13:17 by ADMIN
Created by: Hammy
Comments: 3
Category: Kendo UI® for Vue
Type: Feature Request
1

When using native vue gird component often have to open modal windows to show details usually when a particular cell in the grid is clicked and do show modal windows have to use non-native <kendo-window> inside a vue component not happy with mixing jquery based wrappers inside a vue component and this is not ideal. I have explored using native vue popup component but it's not up there to offer what widows component is offering.

Please can a native vue component be developed that we in KendoWindow implementation?

Also, I did not find any example, where a kendo grid component is utilising a window component to open a modal window to show another detailed view of a selected cell from a gird (see an example UI of a grid).

Kind regards

Hammy Babar

 

Unplanned
Last Updated: 26 Jun 2020 13:30 by ADMIN
Created by: Sandy
Comments: 0
Category: Kendo UI® for Vue
Type: Feature Request
0
I was looking through the documentation for the native drop down list and did not see an example for grouping like the wrapper drop down list has. https://www.telerik.com/kendo-vue-ui/components/datasource/datasource/grouping/ I would like to request a group functionality for the native drop down list.
Declined
Last Updated: 23 Jun 2020 02:57 by icq
Created by: icq
Comments: 4
Category: Kendo UI® for Vue
Type: Bug Report
0

I have a kendo wrapper grid with local datasource pointing to vue state.
There is a button "Update" which will update the state so that the grid will be updated as well and it works.

But, if I firstly click the button "Test" (just only a same value assignment to state) and then click "Update", strangely it does not work so the grid has no change.
I finally found out the reason is that after clicked "Test" then "Update", the vue state updated BUT the kendo grid datasource won't (out of sync unexpectedly)
So the temp solution is I have to manually assign the state to the datasource so that the grid will be updated.

Repo: https://stackblitz.com/edit/dqsbeo

My question is why, after clicked 'Test', the kendo grid datasource became cached and out of sync with the vue state?
If I don't click 'Test', they do sync always.
Problem occur only when "same value assignment" to the state. If "different value assignment", no problem.

 

<div id="vueapp">
    <kendo-datasource ref="dsDS" :data="localDataSource"></kendo-datasource>
    <kendo-grid :data-source-ref="'dsDS'">
        <kendo-grid-column :field="'ProductID'"
                           :title="'ID'"
                           :width="40"></kendo-grid-column>
        <kendo-grid-column :field="'ProductName'"></kendo-grid-column>
        <kendo-grid-column :field="'UnitPrice'"
                           :title="'Unit Price'"
                           :width="120"
                           :format="'{0:c}'"></kendo-grid-column>
        <kendo-grid-column :field="'UnitsInStock'"
                           :title="'Units In Stock'"
                           :width="120"></kendo-grid-column>
        <kendo-grid-column :field="'Discontinued'" :width="120"></kendo-grid-column>
    </kendo-grid>
    <input type="button" value="Test" @click="test" />
    <input type="button" value="Update" @click="update" />
</div>

new Vue({
    el: '#vueapp',
    data: {
        localDataSource: [{
                "ProductID": 1,
                "ProductName": "Chai",
                "UnitPrice": 18,
                "UnitsInStock": 39,
                "Discontinued": false,
            },
            {
                "ProductID": 2,
                "ProductName": "Chang",
                "UnitPrice": 17,
                "UnitsInStock": 40,
                "Discontinued": false,
            },
            {
                "ProductID": 3,
                "ProductName": "Aniseed Syrup",
                "UnitPrice": 10,
                "UnitsInStock": 13,
                "Discontinued": false,
            }
        ]
    },
    methods: {
      test: function(e) {
        this.localDataSource = JSON.parse(JSON.stringify(this.localDataSource)); //same value assignment
        console.log('test');
      },
      update: function(e) {
        this.localDataSource.splice(0, 1, this.localDataSource[1]); //replace the first object with second object
      },
    }
})


Unplanned
Last Updated: 13 May 2020 05:30 by ADMIN
Created by: Seuthes
Comments: 0
Category: Grid
Type: Feature Request
1
Add Validation to the Kendo Vue native grid.
Completed
Last Updated: 29 Apr 2020 14:04 by ADMIN
Created by: Sander
Comments: 7
Category: Grid
Type: Feature Request
16

Hi Kendo.

 

We're trying to replace Vue Grid Wrapper with the new Native Grid and most things works awesome. We only have one blocking feature that isn't inplemented yet.

 

So my question is when is the footer-logics comming for the native grid. We want to show aggregates in the fixed footer and it would be awesome it is like the 'headerCellRender' function defined on the grid. We know there is a gouping aggregate, but this isn't the thing we want.

 

Is there any idea when or even if it is comming to the native grid?

 

Kind regards,

Sander

Completed
Last Updated: 02 Apr 2020 15:52 by ADMIN
Created by: Steven
Comments: 3
Category: Kendo UI® for Vue
Type: Bug Report
0

Type in the Currency field in the example page here https://www.telerik.com/kendo-vue-ui/components/inputs/numerictextbox/formats/

 

After typing in the third digit, caret position moves to the 2nd digit instead of the first or last digit.

Typing in more digits causes the caret to move a position up occasionally.

 

Caret needs to be consistent on its positioning, either staying in the far left, or to the right before the decimal.

Preferably, this should be a prop to configure.

 

Also, tabbing out of the field when there are more than 2 decimal places will not format on leave.

Completed
Last Updated: 19 Mar 2020 14:24 by ADMIN

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

Pending Review
Last Updated: 19 Feb 2020 14:20 by ADMIN

I am using Keno Grid in my VueJS project. I need to show spinner while loading data into grid. I followed the link https://stackblitz.com/edit/zr8vbd-xk73ps?file=index.html . This display the spinner until data loaded into Vue. How ever when there is no data to display I would like to display No records found message.

My Grid looks like this.  

<Grid :data-items="pageViewModels"
:pageable="true"
:columns="gridData.columns"
:skip="gridData.skip"
:take="gridData.take"
:total="gridData.total"
@pagechange="onPageChange"
@rowclick="onRowClick">
<GridNoRecords>
<div class="k-loading-mask margin-top-100">
<span class='k-loading-text'>
</span>
<div class='k-loading-image'/>
<div class='k-loading-color'/>
</div>
</GridNoRecords>
Completed
Last Updated: 12 Feb 2020 12:37 by ADMIN
Created by: n/a
Comments: 2
Category: Kendo UI® for Vue
Type: Feature Request
5
For Vue components, the v-model on a multi-combo box and every component must bind to the underlying object.
:value-primitive="false" doesn't work as per some suggestions.

v-model binding to the underlying object is a MUST HAVE, Top priority, number one with a bullet. Without it, your components are a PITA to use and my current proof of concept might end here and we won't use your components with some bigger projects coming down the line.
Unplanned
Last Updated: 03 Feb 2020 19:37 by Daewoong
Created by: Daewoong
Comments: 0
Category: Kendo UI® for Vue
Type: Bug Report
0

Describe the bug
Once the Tooltip is shown for a target with short title, if opened for a target with longer title, its width is not updated properly. The shortest width is persisted. Reproducible in all SASS themes, not reproducible in the LESS themes.

To reproduce
Steps to reproduce the behavior:

  1. Go to dojo.
  2. Hover "Korean"
  3. Hover "Korean short"
  4. Hover "Korean" again

Expected behavior
The Tooltip should resize properly to fit the title of the element it is shown for.

Screenshots

Affected package (please provide)

  • theme-default
  • theme-bootstrap
  • theme-material

Affected suites (please provide)

  • Kendo UI for jQuery
  • Kendo UI for Vue

Affected browsers (please provide)

  • Firefox: [latest]
  • Chrome: [latest]
  • Edge version: [latest]
  • IE version: [11]

Build system information (please provide)

  • OS: [Windows]

Additional context
N/A

Unplanned
Last Updated: 29 Jan 2020 13:43 by ADMIN
Created by: Svetlana
Comments: 1
Category: Kendo UI® for Vue
Type: Feature Request
0

Hi all!.

Are your planning to create native gantt component?

Completed
Last Updated: 29 Jan 2020 07:45 by ADMIN

Bug report

Vue Grid wrapper column template with router-link does not work correctly

Reproduction of the problem

https://codesandbox.io/s/vue-dynamic-components-t54dq

Current behavior

js errors

Expected/desired behavior

the router links work correctly

Environment

Completed
Last Updated: 24 Jan 2020 11:17 by ADMIN
Created by: Imported User
Comments: 2
Category: Kendo UI® for Vue
Type: Feature Request
2
Do you have a development plan?
Pending Review
Last Updated: 16 Jan 2020 08:48 by ADMIN
Created by: Crawford
Comments: 1
Category: Kendo UI® for Vue
Type: Feature Request
0

I would really like to see the following:

- combobox with cascading,

- treeview.

Vue docs say it's incompatible with jquery, so I don't understand how I could use jquery based components.

Unplanned
Last Updated: 14 Jan 2020 08:15 by ADMIN
Created by: Sri
Comments: 0
Category:
Type: Feature Request
2
It will be a very useful feature to be able to import an Excel file to the Grid component
Pending Review
Last Updated: 26 Dec 2019 12:38 by ADMIN
Created by: Andreas
Comments: 1
Category:
Type: Bug Report
0

Dear Kendo UI team,

 

I have experienced an issue with the Kendo UI datepicker when accessing it with a screenreader on the Kendo UI Vue preview page (https://www.telerik.com/kendo-vue-ui/components/dateinputs/datepicker/):

 

In the month/year view, if I change the selection, the selected date (from the original view before "zooming out" into the month/year view) is read out.

 

Expected behaviour: The currently selected month/year should be read out.

 

Steps to reproduce:

  • Start a screenreader (I have tried NVDA and JAWS).
  • Focus on the calendar, open it.
  • Change the view to the month/year view by using Ctrl+Arrow Up.
  • The focus is now on the month/year corresponding to the current date.
  • Change the selection by using one of the arrow keys.
  • No matter the current selection, always the (whole) current date is read out.

 

Software versions used:

  • Browsers:
    • Chromium 77.0.3865.75
    • Microsoft Edge 44.18362.449.0
  • Screenreader (always initial configuration):
    • NVDA 2019.1.1
    • JAWS 2019.1906.10 ILM
  • OS: Windows 10, latest updates
  • Keyboard layout: German

 

Furthermore, it seems to me that with Microsoft Edge in combination with JAWS I cannot open the month/year view, maybe because of a conflict of keyboard event handlers between the component and JAWS. Also the escape key has no effect, it does not close the datepicker.

 

The issue also occurs for the original jQuery version.

 

Thanks for your support.

 

Kind regards,

Andreas Sch├╝tz

Pending Review
Last Updated: 19 Dec 2019 14:40 by ADMIN

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

1 2 3 4