Completed
Last Updated: 20 Sep 2021 05:52 by ADMIN
Created by: Al
Comments: 1
Category: Kendo UI® for Vue
Type: Bug Report
0

The Kendo UI for Vue Scheduler Wrapper doesn't support year view which is available in the jQuery suite.

To reproduce the issue follow the below steps:

  1. Open this StackBlitz example
  2. From the DropDownList in the upper right corner select "Year"
  3. Check the console. The following error appears in it:
    image

Expected behavior
The "Year" view should be available in the Kendo UI for Vue Scheduler Wrapper

Planned
Last Updated: 14 Sep 2021 11:18 by ADMIN

Bug report:
https://stackblitz.com/edit/bbuqh1?file=src/main.vue

Steps:
Focus the input, type some text and blur -

Current:
an warning is observed in the console and the types string is passed to the change event.

Expected:
an warning is observed in the console and the types string SHOULD NOT BE passed to the change event.

Completed
Last Updated: 10 Sep 2021 13:53 by ADMIN

The Native NumericTextBox doesn't have the 'k-state-focused' class applied to it, once the component is focused. 

For comparison, the Angular and React versions of the same component get this class applied.

React: https://www.telerik.com/kendo-react-ui/components/inputs/numerictextbox/ 

Angular: https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/ 

Planned
Last Updated: 10 Aug 2021 07:20 by Chen Yap
Created by: Chen Yap
Comments: 0
Category: Kendo UI® for Vue
Type: Bug Report
0

hhttps://stackblitz.com/edit/kgeavu?file=src/main.vue

the console.log is observed even when selecting other tabs.

Completed
Last Updated: 21 Jun 2021 07:20 by ADMIN

I'm submitting a Bug report

Current behavior

<chart :title-text="'Gross domestic product growth /GDP annual %/'" 
        :legend-position="'bottom'"
        :series-defaults-type="'area'"
        :category-axis-categories="categoryAxisData"
        :category-axis-major-grid-lines-visible="false"
        :category-axis-labels-rotation="'auto'"
        :value-axis-labels-format="'{0}%'"
        :value-axis-line-visible="false"
        :value-axis-axis-crossing-value="-10"
        :tooltip-visible="true"
        :tooltip-format="'{0}%'"
        :tooltip-template="tooltipTemplate"
        :theme="'sass'">
    <chart-series-item :name="'India'"
                        :data="indiaData"
                        :line-style="'smooth'">
    </chart-series-item>
    <chart-series-item :name="'World'"
                        :data="worldData"
                        :line-style="'smooth'">
    </chart-series-item>
    <chart-series-item :name="'Haiti'"
                        :data="haitiData"
                        :line-style="'smooth'">
    </chart-series-item>
</chart>

When using the ChartSeriesItem tags to define the data in the Chart component the following error appears in the console once the Vue project is started.
image

Expected behavior

<chart-series-item :name="'India'"
                        :data="indiaData"
                        :line-style="'smooth'">
    </chart-series-item>
    <chart-series-item :name="'World'"
                        :data="worldData"
                        :line-style="'smooth'">
    </chart-series-item>
    <chart-series-item :name="'Haiti'"
                        :data="haitiData"
                        :line-style="'smooth'">
    </chart-series-item>

Using a definition like the above, we should be able to define Chart's data with no issues.

Minimal reproduction of the problem with instructions

  1. Open this project
  2. In the console run "npm install"
  3. In the console run "npm run serve"
  4. Open the URL of the project and see the browser's console
Won't Fix
Last Updated: 29 Sep 2020 13:31 by ADMIN
Created by: lingfeng
Comments: 1
Category: Kendo UI® for Vue
Type: Bug Report
0
Completed
Last Updated: 25 Sep 2020 00:03 by Zoran
Created by: Zoran
Comments: 3
Category: Kendo UI® for Vue
Type: Bug Report
1

Stackblitz example.

The Spreadsheet options are logged in the console in the mounted function. Note that pdf.proxyURL and excel.proxyURL have no values.

Completed
Last Updated: 24 Sep 2020 08:08 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:

Unplanned
Last Updated: 24 Sep 2020 08:01 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.

 

Completed
Last Updated: 24 Sep 2020 07:59 by ADMIN
Created by: o11an
Comments: 1
Category: Kendo UI® for Vue
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.
Won't Fix
Last Updated: 24 Sep 2020 07:58 by ADMIN
Created by: sangwon
Comments: 2
Category: Kendo UI® for Vue
Type: Bug Report
0
How can i set visible for custom command?
Duplicated
Last Updated: 24 Sep 2020 07:43 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>
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
      },
    }
})


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.