Unplanned
Last Updated: 12 Aug 2020 06:10 by ADMIN
Created by: Oliver
Comments: 1
Category: Kendo UI® for Vue
Type: Feature Request
1
Situation:

Consider a standard chart with time periods on the x-axis, The most recent period is to the right. If you look at the chart with all periods visible and you zoom in, the chart zooms into the center of the chart. So the most recent period drops out to the right and the older periods to the left. 

 

Request:

Use a property to stick the most recent period to the right, even if you zoom in. Currently the chart zooms into the center. The requested behaviour would be: Keep the right (or left) border and zoom in/out to the left (or right) side. So regardless of the zoom level, the most right (or left) item is allways visible.
Unplanned
Last Updated: 14 Jul 2020 14:05 by ADMIN
Created by: Jim
Comments: 1
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: 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
      },
    }
})


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.

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

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.