Questions on Kendo UI for Vue Forum

1 answer

134 views

I am having a peculiar issue that may not even have a solution at least in regards to a Kendo UI chart property for Vue. The issue is that given a set of data points the chart is supposed to show a curve (the data is basically showing a degradation curve). Instead of a curve, the chart is display a straight line. I am not sure if there is a setting for the chart that can force the curve or if it needs to happen as a result of some kind of algorithm/calculation on the data itself. I have attached an image showing what the chart is essentially doing and what it needs to be doing. Any insight into this would be extremely helpful and appreciated. Thanks.

General Discussions

answered on 20 Mar 2020

1 answer

85 views

Native input onFocus not running

There is not documentation on how to use the onFocus prop on the native Vue input component.

https://www.telerik.com/kendo-vue-ui/components/inputs/api/InputProps/

I have tried binding a function to the prop but it doesn't not seem to be running. Could you update your documentation to provide an example on how to use this?

This is an example of how I tried it.

https://stackblitz.com/edit/wcvyxe

General Discussions

answered on 20 Mar 2020

1 answer

190 views

Kendo UI Vue Grid Wrapper Sticky Pagination

HI,

I'm working with the Project using Kendo Vue Grid Wrapper, and my client want to make the pagination always on the bottom,
Can we customize the Kendo Grid Wrapper pagination,to make it fixed on the bottom section?

Best Regards
Thank you

Grid

answered on 18 Mar 2020

2 answers

437 views

Kendo UI Vue, Sorting always null on API (DataSourceRequest)

Hi,

I'm new on the Kendo UI for Vue,

I Have some difficulty when working on in sorting, for some reason the sorting model value always null, I'm using DataSourceRequest model.

API

[HttpGet("grid")]

public IActionResult ListGrid([DataSourceRequest] DataSourceRequest request) {

// My code here

}

Vue

<kendo-datasource ref="datasource1"

:transport-read-url="'/api/service/grid'"

:transport-read-data-type="'json'"

:server-paging="true"

:page-size="2"

:schema-data="'data'"

:schema-total="'total'"

:server-filtering="true"

:server-sorting="true">

</kendo-datasource>

<kendo-grid ref="grid"

:data-source-ref="'datasource1'"

:pageable='true'

:sortable="true"

:filterable="true"

:sortable-mode="'multiple'"

:sortable-allow-unsort="true"

:sortable-show-indexes="true">

<kendo-grid-column title="Name" field="name"

:filter-search="true"></kendo-grid-column>

<kendo-grid-column title="Description"></kendo-grid-column>

<kendo-grid-column title="Users" field="relatedUser"></kendo-grid-column>

<kendo-grid-column title="Active" field="isActive"

:template="activeTemplate"></kendo-grid-column>

<kendo-grid-column :template="editbutton" :width="80"></kendo-grid-column>

</kendo-grid>

Please help me,

Best Regards

Grid

answered on 18 Mar 2020

1 answer

145 views

Native Vue Input warning when passing a number value to value prop

Passing in a number value will cause the native vue input component to throw a warning in the browser console.

"Invalid prop: type check failed for prop "value". Expected String with value "1", got Number with value 1"

No warning should be thrown when passing a number value as it's considered a valid type in the api documentation.

Also the defaultValue should have the Number type valid as well.

Url of example:

https://stackblitz.com/edit/typescript-nbhffs?embed=1&file=index.html

Might be related to this issue in core

https://github.com/telerik/kendo-ui-core/issues/3843

General Discussions

answered on 13 Mar 2020

2 answers

227 views

Size of Kendo download

Plea for help: Our front end guy left, and I've inherited his work :( I like the JS stuff, but I'm no expert.

Our new app has about a 4 megabyte app.js download, even when minified. We've turned on gzip compression on the server, and that gets it down to a bit over a meg, but we had a $1000 bandwidth overage last month!

I've been tasked with seeing if we are including unused code.

So, my question: In the docs I see this:

// As an alternative, you could import only the scripts that are used by the utility:

// import '@progress/kendo-ui/js/kendo.data' // Imports only the DataSource script and its dependencies

import '@progress/kendo-theme-default/dist/all.css'

import { DataSource,

HierarchicalDataSource,

GanttDataSource,

GanttDependencyDataSource,

PivotDataSource,

SchedulerDataSource,

TreeListDataSource,

DataSourceInstaller } from '@progress/kendo-datasource-vue-wrapper'

Vue.use(DataSourceInstaller)

new Vue({

el: '#app',

components: {

DataSource,

HierarchicalDataSource,

GanttDataSource,

GanttDependencyDataSource,

PivotDataSource,

SchedulerDataSource,

TreeListDataSource,

DatasourceInstaller

}

})

I've got about six of these: layout, dateinputs, inputs, dropdowns, dialog, etc.

If I can identify which of the features I need from each I need from each "wrapper", can I cut this down? For instance, I'm sure we don't use gantt charts or pivots above.

Thanks,

Ed Greenberg

General Discussions

answered on 13 Mar 2020

3 answers

515 views

Vue Grid Wrapper Drag Drop a row

Hi,

Is dragging a row from view grid wrapper component available? There's nothing in here

General Discussions

answered on 12 Mar 2020

1 answer

87 views

Native Vue NumericTextBox Floating Label not correct

Go to example page for floating label https://www.telerik.com/kendo-vue-ui/components/inputs/floating-labels/

Type 0 into the numerictextbox field.

Notice the floating label comes down and overlaps with the currency value.

Floating label should not be coming down on a non empty value.

General Discussions

answered on 10 Mar 2020

3 answers

572 views

Kendo Spreadsheet live updates

I'm in the evaluation stage of working with the Spreadsheet. I need the ability to load a file and then read each row and send the data to an web api. The data that is returned will need to update the row. Sometimes there may be a 1000 or more rows. When I get back the api data can I update the individual cells or do I need to build a array and when I'm done load it? I would like for the end user to see the updates as they happen and have it scroll down as the rows are being updated .