Declined
Last Updated: 18 Sep 2024 10:16 by ADMIN
Created by: Laura
Comments: 1
Category: Kendo UI® for Vue
Type: Bug Report
0

Describe the bug

When the Datepicker component is used with a custom calendar (Kendo Calendar component) the calendar does not close on click outside of the component

To Reproduce

1. Open this StackBlitz example - https://codesandbox.io/p/sandbox/festive-tesla-hm596x 
2. Click on the Datepicker input to open the component
3. Click outside the Calendar component

Expected behavior
The DatePicker's calendar popup should close when the user clicks outside the component

Declined
Last Updated: 20 Mar 2024 12:22 by ADMIN
Hello,
 clear Button isn't shown when attribute showClearButton is 'true'.
<template>
  <div>
    <div class="col-xs-12 col-md-6 example-col">
      <p>Input</p>
      <KInput :style="{ width: '330px' }" :show-clear-button="true"></KInput>
    </div>
  </div>
</template>
<script>
import { Input } from '@progress/kendo-vue-inputs';

export default {
  components: {
    KInput: Input,
  },
};
</script>

Declined
Last Updated: 19 Mar 2024 12:51 by ADMIN

Hi

I have a Grid inside a TabStrip. Resizable is set to true. If I resize the column, the column will change size but at the same time the width of the Grid will also change size proportional to the change in size of the column.

If I move the Grid to be outside of the TabStrip, resizing the column will not alter the width of the Grid. This is the behaviour I was expecting.

Here is some sample code that reproduces the issue.

<TabStrip :selected="0" :tabs="[
	{
		title: 'Paris',
		content: 'Paris',
	}]">
	<template v-slot:Paris>
		<Grid ref="grid" :style="{ 'max-height': '600px' }" :data-items="variations" :resizable="true"
			:reorderable="false" :columns="caseGridColumns" :loader="loader"
			@rowclick="(ev) => { caseStore.setCaseId(ev.dataItem.cases.caseid); getData(); }">
			<GridNoRecords>
				No variations were found
			</GridNoRecords>
		</Grid>
	</template>
</TabStrip>

Declined
Last Updated: 18 Oct 2023 08:33 by ADMIN
Created by: Eunbyul
Comments: 4
Category: Grid
Type: Bug Report
0

Hello Team.

I appreciate grid's reorderable function work at Nuxt3(@kendo-vue-grid: 3.14.2).

But For some reason, this function doesn't work properly. so I report a bug.

I reproduce a stackblitz code.
https://stackblitz.com/edit/nuxt-starter-gmag5m


I implemented it like this,

After fetching(=GET) column data from the server, reorder the columns using kendo grid's reorderable function and save(=POST) it on the server.

I call columnExecute function, so server refetch(=GET) column data.

at /pages/index.vue, colums ref change rightly.

at /components/grid.vue, columnList ref change rightly.

But rendered kendo grid's column doesn't change.


please check this issue. 

 

Sincerely,
Eunbyul.

Declined
Last Updated: 07 Mar 2022 14:25 by ADMIN
Here is an example:

https://stackblitz.com/edit/nqnhfx-scivtg?file=src%2Fmain.vue 
 


Trying both variations as your documentation is inconsistent on the naming. But neither way gets the views to show times at 15 minute increments. 
Declined
Last Updated: 30 Oct 2020 05:52 by ADMIN
Created by: Armaan
Comments: 1
Category:
Type: Bug Report
2

In Kendo UI Grid for jQuery we have the following:

"editable": {

    "createAt": "bottom"

}

 

How it can be done in Kendo Grid for Vue.JS ?

----------------------------------------------------------------------------------------------------------------------------------

Bug report

In Grid(Wrapper) in UI for Vue, the editable-create-at is not changing Grid's "add new row" behavior when it is set to "bottom".

Reproduction of the problem

  1. Open this Stackblitz and run it
  2. Press the "Add new record" button and see that the new record is being added to at the top of the Grid

A workaround that could be applied is to use :editable="{createAt:'bottom'}" instead of :editable-create-at="bottom"

Current behavior

The new rows are being added to the bottom of the Grid with :editable-create-at="bottom"configuration applied.

Expected/desired behavior

When :editable-create-at="bottom" is applied the new records in the Grid should be added to its bottom

Environment

  • Kendo UI version: 2019.2.621
  • jQuery version: x.y
  • Browser: [all]
Declined
Last Updated: 06 Oct 2020 05:45 by ADMIN
Created by: devdutt
Comments: 1
Category: Kendo UI® for Vue
Type: Feature Request
0
I'm using the export excel feature in the grid. When I'm trying to download data less record( < 3k) it's working fine, but this becomes problematic when I'm trying to download huge data (more than 10k) my browser hangs and after some time browser crash. Do let me know any solution regarding this issue.
Declined
Last Updated: 29 Sep 2020 13:49 by ADMIN

Hi Team, 

Kindly Add "focused date" feature in kendo wrapper datepicker controls in vue.js

Thanks in advance !

 

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
      },
    }
})


Declined
Last Updated: 04 Mar 2019 14:21 by ADMIN
Created by: Kévin
Comments: 8
Category:
Type: Bug Report
0

Hello,

when I add some repeating daily events, all is ok. But when i try do delete one of them (in green on the attachment), i can't and i have this message bellow.

Error in /turbo_modules/@progress/kendo-ui@2019.1.227/js/kendo.scheduler.js (3603:40)
Cannot read property 'startTimezone' of undefined

 

Can you help me please ?

best regards,

Kévin

Declined
Last Updated: 28 Feb 2019 15:17 by ADMIN
Created by: Dimitrina P
Comments: 1
Category:
Type: Feature Request
0

The developers would like to have the ability not only to select the components to load but also the features at the point of starting (especially for heavy components like the Grid and TreeView).

For example, they would like to be able to load single features instead of all functionalities.

The goal is to have lighter output, meaning that the whole script will be less KB in size and it will load faster. This will save loading time and in turn less bandwidth will be used which will make the cost that development companies pay to hosting providers smaller.