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.

Any roadmap on creating the dock layout like this? I found the similar function for Telerik WPF component

Currently in Vue we don't provide the ability to share with the customers the source code before the compilation but just the already compiled code.

We need to provide the ability to fork the repository and build components from the Vue repository similarly to the way it is done in Angular and React. 

Hi,

Please consider adding a better, native, way to handle the case as described in my post here.

Hi. I would like to share  my experience and thought of Kendo for Vue.

I still like and am using Kendo for Vue but here is my feedback :)

I reviewed the Kendo Vue version and made a purchase.
However, as a result of evaluating, there are some areas that are a bit disappointing.
It seemed that there were most of the templates that could be used in jQuery.
Checking with the Vue version, most of the examples and event handling are not written, and there are much information that I have to go and check with jQuery version.
If it is enough description and information about Direct code that can use examples and event handling in Vue version
in detail on the site, it would be much easier to use.

Thank you.

I'm submitting a bug report

Current behavior

When you sort a column in the spreadsheet, enter data, and then trigger the data source's sync method, the data source will send incorrect data to it's transport function. It acts as if you entered data and the columns haven't been sorted yet.

Expected behavior

The data source should take into account column sorting for keeping track of changes.

Minimal reproduction of the problem with instructions

1. Open this sample code
2. Once the page loads, sort the first ("ID") column from Z to A.
   1. 
3. Enter any value in the empty C2 cell (should be the row with ID = 3)
   1. 
4. Click the "SAVE" button at the top to call the data source's sync() method.
5. Look at the console output, which shows what the data source has tracked as changed. (options.data.updated)
   1. 
6. Observe that the value of options.data.updated shows that the row with ID = 1 has been updated, rather than the row with ID = 3, which is shown in the UI.

Apologies if I have misunderstood how the data source is suppose to work.

Thanks

When entering a number with decimals in a Native NumericTextBox with a format it rounds up the number if you enter more decimals than the format allows. In this Stackblitz project you can see this behavior.

In the Wrapper NumericTextBox it is possible to add a round property with the value false which prevents the rounding of decimal numbers. Instead of rounding it truncates the number. By my knowledge and what I can find in the Vue documentation this property isn't available in the Native NumericTextBox.

Proposed solution
Add round property with related logic to the native component.

Steps to reproduce

1. Copy and paste the value 12.345
2. See that the value in the input becomes 12.35
3. See that :round="false" does nothing.

Hello,

The StackLayout component is available in other Kendo UI suites like KendoReact for example but is still not provided for Vue. Can you add the StackLayout component to the Kendo UI for Vue Native suite?

Hello,

The GridLayout component is available in other Kendo UI suites like KendoReact for example but is still not provided for Vue. Can you add the GridLayout component to the Kendo UI for Vue Native suite?

Hey there!

It would be great to add an option to the <Grid /> component that allows specifying a custom cell template specifically for the "select" column.
Looking at the documentation, there is an example that shows how to do something similar, but it overrides the complete CellRenderer for all columns.

Here is a minimum example of the API we could have:

<script lang="ts" setup>
  import { Grid } from '@progress/kendo-vue-grid';
</script>

<template>
  <Grid
    selected-field="selectedField"
    selected-cell="mySelectCell"
  >
    <template #mySelectCell="{ props }">
      <!-- Checkbox or whatever you want -->
    </template>
  </Grid>
</template>

Hi there.

so the orgChart generates a great organizational hierarchy, but I want to be able to drag and drop elements to other parents like you can do with the Asp.net ajax version of the orgChart.  How do I do this please?

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.

Hi there,

We create a dashboard like this:

We need to export in PDF format and we use the component:

https://www.telerik.com/kendo-vue-ui/components/pdf-processing/

Now we need to export in PNG or JPG format.

And this is our request: a Kendo Component that exports a dashboard with the same quality of the PDF component.

Thanks in advance.