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
The DatePicker, DateTimePicker, TimePicker, and DateRangePicker components don't provide open and close events that are triggered when the popup of a component is opened/closed.
Can you please provide a native Vue Wizard Control like the JQuery one:
Demo of core features in jQuery Wizard widget | Kendo UI for jQuery (telerik.com)
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.
The PanelBar component is currently available only as a Wrapper component.
To use all the benefits provided by the Vue ecosystem, it will be very convenient if the component is available as a Native one.
Currently, if we want to set the height of a Pie Chart, its labels are appearing outside the visible area of the component. This behavior can be seen in this StackBlitz example.
While the Kendo UI for Angular and Kendo UI for jQuery have the autoFit property available in the seriesItems' configuration, this property is missing in the Native Vue Charts. making this property available in the Vue Charts will help in the implementation of specific Chart scenarios.
Currently, the Kendo UI for Vue suite has only a Scheduler Wrapper component.
It would be nice if we can see a native version of the component.
It will be beneficial if we have an option to customize the element that appears in the Scheduler when we resize it. Here is a screenshot for more details:
When working with the Native ContextMenu there is no event that can identify when we've left the submenus of the main popup of the component.
If a mouseleave or similar event is added to the submenus of the ContextMenu, it will be useful to handle the user's interaction with the component.
Hello there,
I am looking for a loading spinner solution to use with Vue Native Grid. I could not find something on the docs.
Is there any way I can show some kind of loading indicator while loading the data?
I am not using data source from Kendo, just basic method to populate `:data-items="items"`
Thank you!
Currently, the Kendo UI for Vue Native DropDownList doesn't have the valuePrimitive property which is available in the:
Providing such property for the Native Vue DropDownList will be useful in different use-case scenarios.
In the DropDowns DataItems components we may want to render the id-s of the items and take it directly from the items.
<div id="app">
<kendo-dropdown
:data-items="employees" :data-item-key="'id'" :text-field="'text'">
</kendo-dropdown>
</div>
<script>
const app = Vue.createApp({
components: {
'kendo-dropdown': window.KendoVueDropdowns.DropDownList
},
data() {
return {
employees: [
{ id: 182, text: "John" },
{ id: 273, text: "James" },
{ id: 325, text: "Jane" }
]
}
}
});
app.mount('#app');
</script>
In my project, I always use remote data because the data comes from a backend that aggregates data from several sources in the company and because I want to sort, filter, etc on the server to be able to do it on the entire dataset (and I cannot do it in the frontend because it's a lot of data).
In the Wrapper Grid, we can add a "Refresh" button to the pager of the component using the pageable-refresh property.
Such property is not available in the Native Grid. As the Native Grid doesn't use the DataSource component, I can assume that the Refresh button cannot be fully functional out of the box but still we could be able to pass a method that will be triggered once the button is clicked. Then through this method, we can make an API call and update the data.
Scenario: Native Grid with Virtualization + Grouping.
The field for improvement: The expand/collapse is slow if we have a big number of items in the group which is expanded/collapsedCurrently, in the Native AutoComplete, we don't have some functionalities that are available in the Wrapper component.
It will be really useful if we can:
Currently, no property allows us to pass custom components for the Navigation arrows in the Calendar.
Such a feature will be useful in scenarios when we want to edit the design/functionality of the Calendar navigation.