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>
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.

Pending Review
Last Updated: 26 Dec 2019 12:38 by ADMIN
Created by: Andreas
Comments: 1
Category:
Type: Bug Report
1

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

Pending Review
Last Updated: 02 Dec 2019 18:58 by ADMIN
Created by: n/a
Comments: 1
Category:
Type: Bug Report
0
How can i set visible for custom command?
Pending Review
Last Updated: 24 Oct 2019 13:16 by ADMIN
Created by: Gregory
Comments: 1
Category:
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.
Pending Review
Last Updated: 21 Oct 2019 09:51 by ADMIN
Created by: o11an
Comments: 1
Category:
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.
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.

 

Pending Review
Last Updated: 22 Jul 2019 06:52 by ADMIN
Created by: Wayne Hiller
Comments: 1
Category:
Type: Feature Request
0
Please add official support for parceljs bunder.  https://parceljs.org/
Pending Review
Last Updated: 18 Jun 2019 09:15 by ADMIN
Created by: Bernhard
Comments: 1
Category:
Type: Feature Request
0

We are currently upgrading the vue-gid-wrapper to the better native-vue-grid. Unfortunately some features, like the minScreenWidth, don't seem to be included yet.

I assume the features from the wrapper will all be included in the new native grid, but to be sure I'm requesting the feature (minScreenWidth).

 

columns: [
        {
          field: 'variableName',
          title: 'fieldTitle',
          width: '125px',
          minScreenWidth: 1000
        },
        ...
      ]

Pending Review
Last Updated: 23 May 2019 11:38 by ADMIN

Steps to reproduce:

(latest version of vue, vue CLI, node etc. installed globally)

  • vue create test-project
  • cd test-project
  • npm install --save @progress/kendo-ui
  • npm install --save @progress/kendo-theme-default
  • npm install --save @progress/kendo-dateinputs-vue-wrapper
  • added Calendar component to App.vue (see https://www.telerik.com/kendo-vue-ui/getting-started/)
  • changed the name "kendo-calendar" in HTML template to "Calendar", otherwise I get build errors
  • npm run serve --> browse to localhost:8080 --> error in console:

Uncaught ReferenceError: $ is not defined
    at eval (webpack-internal:///./node_modules/@progress/kendo-ui/js/pdf-viewer/pager.js:85)
    at Object.eval (webpack-internal:///./node_modules/@progress/kendo-ui/js/pdf-viewer/pager.js:292)
    at eval (webpack-internal:///./node_modules/@progress/kendo-ui/js/pdf-viewer/pager.js:74)
    at Object.1472 (webpack-internal:///./node_modules/@progress/kendo-ui/js/pdf-viewer/pager.js:75)
    at __webpack_require__ (webpack-internal:///./node_modules/@progress/kendo-ui/js/pdf-viewer/pager.js:21)
    at Object.0 (webpack-internal:///./node_modules/@progress/kendo-ui/js/pdf-viewer/pager.js:49)
    at __webpack_require__ (webpack-internal:///./node_modules/@progress/kendo-ui/js/pdf-viewer/pager.js:21)
    at eval (webpack-internal:///./node_modules/@progress/kendo-ui/js/pdf-viewer/pager.js:41)
    at eval (webpack-internal:///./node_modules/@progress/kendo-ui/js/pdf-viewer/pager.js:44)
    at Object../node_modules/@progress/kendo-ui/js/pdf-viewer/pager.js (app.js:3624)

I could reproduce the error using different Kendo UI for vue components like Buttons etc. (following the getting-started page for the button component). The default vue project template uses Babel and Webpack. Is there a configuration missing for Kendo UI?

I already checked:

Pending Review
Last Updated: 28 Sep 2018 08:57 by ADMIN
Created by: aasif
Comments: 0
Category: Grid
Type: Feature Request
1
onRowClick not there in Vue Grid 
Pending Review
Last Updated: 19 Sep 2018 04:30 by Telerik Admin
Created by: Imported User
Comments: 1
Category: Kendo UI® for Vue
Type: Feature Request
1
Does vue-cli v3 & kendoui R3 have support and demo programs?
Pending Review
Last Updated: 19 Sep 2018 01:44 by gao
Provide a local running installation package for the trial demo. Kendo UI for Vue
Pending Review
Last Updated: 30 Aug 2018 16:19 by Ron
Created by: Ron
Comments: 0
Category: Kendo UI® for Vue
Type: Feature Request
1
The ScrollView provides one of the fundamental UI experience blocks on mobile apps - would like to see a wrapper implemented for Kendo UI for Vue to add support for it.
Pending Review
Last Updated: 21 Aug 2018 17:06 by ADMIN
Created by: Imported User
Comments: 0
Category: Kendo UI® for Vue
Type: Feature Request
1
I'm using Kendo UI with Vue wrappers. I have a grid that feeds from a remote datasource, but I have a custom implementation for the data service (using Axios). Currently, Kendo requires me to do this:
```
          <kendo-datasource ref="datasource" :data="rowData"></kendo-datasource>
          <kendo-grid :data-source-ref="'datasource'">
            <kendo-grid-column v-for="columnDef in columnDefs" :key="columnDef.field"
              :field="columnDef.field"
              :title="columnDef.headerName">
            </kendo-grid-column>
          </kendo-grid>
```

It seems like extra boiler plate to require the separate <kendo-datasource> tag. Why can't I bind my `rowData` directly to the kendo-grid?
Pending Review
Last Updated: 27 Jul 2018 14:24 by Derek
Created by: Derek
Comments: 0
Category: Kendo UI® for Vue
Type: Feature Request
1
Please add Vue wrappers for Kendo Drag and Drop functionality.
Pending Review
Last Updated: 22 Jan 2018 10:52 by Telerik Admin
Created by: Imported User
Comments: 0
Category: Kendo UI® for Vue
Type: Feature Request
1
Please extend Vue.js Grid Component with DetailTemplate like in AngularJS.

The Detail View of the Grid is very useful in combination with subcomponents, as I did always with AngularJS k-detail-template directive. By giving parameters to it it can be used really powerful.

I would like to use the same in Vue.js

Without the implementation of detail template as component or directive (But via script tag reference in options) no vue component is rendered inside.