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.
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>
Hi all!.
Are your planning to create native gantt component?
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.
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.
Steps to reproduce:
(latest version of vue, vue CLI, node etc. installed globally)
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:
Stackblitz example.
The Spreadsheet options are logged in the console in the mounted function. Note that pdf.proxyURL and excel.proxyURL have no values.
Provide a local running installation package for the trial demo. Kendo UI for Vue
Does vue-cli v3 & kendoui R3 have support and demo programs?
Do you have a development plan?
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.
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?
Please add Vue wrappers for Kendo Drag and Drop functionality.
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.