Questions on Kendo UI for Vue Forum

1 answer

99 views

StockChart log error with dynamic dataset

when i change the data-source the console prints some error.

This is the template code

<kendo-datasource

:ref="'datasource'"

:data="chart">

</kendo-datasource>

<kendo-stockchart

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

:date-field="'date'"

:category-axis-labels-rotation="'auto'"

:navigator-series="navigatorSeries"

:navigator-category-axis-labels-rotation="'auto'"

:theme="'sass'">

<kendo-chart-series-item

:type="'line'"

:field="'value'">

</kendo-chart-series-item>

</kendo-stockchart>

And this is the JS

export default {

name: "RatingHistory",

components: {

StockChart,

DataSource

},

data(){

return{

services:Object,

historicData:[],

fields: {

date: { type: 'date' }

},

navigatorSeries: {

type: 'area',

field: 'value'

}

},

computed:{

chart(){

return this.historicData

}

},

created(){

this.services = new Services()

this.fetchData()

},

methods:{

async fetchData(){

let result

try {

result = await this.services.getRatingHistory()

} catch(e) {

console.log("Error getting data--->", e)

}

if(result.successful && result.statusCode === 200){

this.historicData = result.data

}

};

The chart render as expected, but i always see this error.

any light on how to prevent it ?

answered on 13 Nov 2018

1 answer

592 views

Set global culture

How do you set another culture to be the default?

Trying to set Norwegian as the default the currency format is correct in Grid

answered on 02 Nov 2018

2 answers

111 views

Bar with negative stack

Hello All ,

We are trying to use a graph with negative stacks. I have looked through all the available Kendo charts and graphs but could not find a similar one. Can you please point me in the right direction if you came across a similar situation. I have attached the graph for reference.

Thank you

answered on 01 Nov 2018

16 answers

635 views

Grid Detail Template

So how do we add a Detail Template? The docs are seriously lacking for Vue wrappers!!

I have this - which i assume would reference a $ref od "detail" but instead outputs a string

<kendo-grid ref="grid"
:data-source-ref="'dataSource'"
:menu="true"
:sortable='true'
:pagable="true"
:groupable="false"
:detail-template="'detail'">

answered on 01 Nov 2018

2 answers

119 views

Kendo Vue Window Content template from component

Hello,

I'm building a general modal component using the Window. Is it possible to pass a Vue component as template for a kendo Window?

Thanks!

answered on 01 Nov 2018

1 answer

70 views

Missing types for kendo-inputs-vue-wrapper

Hello,

I have noticed that the typescript definitions forn the kendo-inputs-vue-wrapper are missing in the latest version 2018.3.1025. Considering I am prototyping using Kendo and Vue for a back-end oriented team of developers, typescript definitions are a definite must. Is there a reason they are missing?

Greetings,

Sebastiaan Steenbrink

answered on 31 Oct 2018

1 answer

129 views

VUE DataSource set destroy as a function not working

I set destroy as a function, i want return error, don't delete data, but, this not working.

destroy: function(options) {

options.error(); // not working

}

answered on 30 Oct 2018

3 answers

165 views

Kendo Vue Spreadsheet multiple sheets using v-for

Hi,

I tried to dynamically render sheets in a spreadsheet using v-for but I could only have one sheet.

The code is something like blow

kendo-spreadsheet(ref="spreadsheet")
kendo-spreadsheet-sheet(v-for="sheet in sheets" :name="sheet" :data-source="rows")

Is v-for supported and what's the right way?

Many thanks

answered on 26 Oct 2018

7 answers

560 views

kendo-maskedtextbox changes look after change of data

Hi All,

I'm testing the Kendo UI Vue-wrappers and notice an issue with the masked text box. When just loading the page, the input looks fine. But after entering data and exiting the field, the borders go away. First I thought I was doing something wrong, but then I noticed that example page does the same thing:

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

This behavior, does not exists, for example, in the Angular version:

https://www.telerik.com/kendo-angular-ui/components/inputs/maskedtextbox/

is this a bug and if so, where can I report it?

Thanks!

answered on 17 Oct 2018

3 answers

122 views

Can't find the right XML(A) to feed the Pivot Grid

Hi,

I'm evaluating the pivot grid as an alternative to writing a proprietary multidimensional grid. (No-brainer ;) )

However, I can't seem to find the right way to tweak the XML for it to use it.
I've followed an ADOMD example I found here: https://www.telerik.com/support/code-library/bind-to-adomd-client.

I'm sure I've just messed up what I try to feed it with regards to text/xml/xmla in the different fields, but it still eludes me.
Any hints appreciated.

Here's my vue file, and below it the header of a response:

01.<template>

02. <div>

03. <div>Hello world!</div>

04.

05. <kendo-pivotdatasource ref="pivotdatasource"

06. :transport="transport"

07. :type="'xmla'"

08. :schema-type="'xml'"

09. :schema-cube="schemaCube"

10. :measures="measures">

11. <kendo-pivot-column :name="'[Grossister].[Navn].Members'"></kendo-pivot-column>

12. <kendo-pivot-row :name="'[Organisasjon].[Organisasjon].Members'"></kendo-pivot-row>

13. </kendo-pivotdatasource>

14.

15. <kendo-pivotconfigurator id="configurator"

16. class="hidden-on-narrow"

17. :data-source-ref="'pivotdatasource'"

18. :filterable="true"

19. :height="570">

20. </kendo-pivotconfigurator>

21.

22. <kendo-pivotgrid id="pivotgrid"

23. class="hidden-on-narrow"

24. :data-source-ref="'pivotdatasource'"

25. :filterable="true"

26. :columnWidth="120"

27. :height="570">

28. </kendo-pivotgrid>

29. </div>

30.</template>

31.<script>

32. import Vue from "vue";

33. import '@progress/kendo-ui';

34.

35. import {

36. PivotGrid,

37. PivotConfigurator

38. } from '@progress/kendo-pivotgrid-vue-wrapper';

39.

40. export default {

41. name: "kendo-test",

42. props: ["report"],

43. components: {

44. PivotGrid,

45. PivotConfigurator

46. },

47. data: function () {

48. return {

49. measures: ['[Measures].[Antall linjer]'],

50. schemaCube: {

51. dimensions: {

52. Grossister: { caption: 'Alle grossister' },

53. Organisasjon: { caption: 'Alle medlemmer' },

54. },

55. measures: {

56. 'Antall linjer': { field: 'Antall linjer', aggregate: 'sum' },

57. }

58. },

59. transport: {

60. connection: {

61. catalog: "NRATabularDW",

62. cube: "Model"

63. },

64. read: {

65. url: "/api/report/kendoquery",

66. dataType: "xml",

67. contentType: "text/xml",

68. type: "POST",

69. error: function (e) {

70. debugger;

71. },

72. dataFilter: function(data, type) {

73. return data;

74. }

75. },

76. discover: {

77. url: "/api/report/kendodiscover",

78. dataType: "xml",

79. contentType: "text/xml",

80. type: "POST"

81. }

82. }

83. }

84. },

85. methods: {

86.

87. }

88. }

89.</script>

01.<soap:Envelope xmlns:soap="http://www.w3.org/2003/05/soap-envelope/">

02. <soap:Body>

03. <ExecuteResponse>

04. <return>

05. <root xmlns="urn:schemas-microsoft-com:xml-analysis:mddataset" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msxmla="http://schemas.microsoft.com/analysisservices/2003/xmla">

06. <xs:schema targetNamespace="urn:schemas-microsoft-com:xml-analysis:mddataset" elementFormDefault="qualified" xmlns="urn:schemas-microsoft-com:xml-analysis:mddataset" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:msxmla="http://schemas.microsoft.com/analysisservices/2003/xmla">

07. ...

08. </xs:schema>

09. <OlapInfo>...</OlapInfo>

10. <Axes>...</Axes>

11. <CellData>...</CellData>

12. </root>

13. </return>

14. </ExecuteResponse>

15. </soap:Body>

16.</soap:Envelope>