Questions on Kendo UI for Vue Forum

2 answers

118 views

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

656 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

125 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

74 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

144 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

172 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

568 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

130 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>

answered on 09 Oct 2018

5 answers

656 views

Integration with Nuxt

Hi. I am looking at Kendo UI to fast track some dev , quite new to nodejs but I got it up and running with Vuetify.

https://nuxtjs.org/guide/installation/

Your instructions for installing are ok for a regular vue app , but I can't seem to integrate it into a Nuxt App.

I get "window is not defined" . Ideas?

answered on 09 Oct 2018

3 answers

590 views

what is required to have for the UI kit to work? I can't seem to get the all.css file to work?

Everything seems to work until I try to import the all.css file into my main.js file. Do I need to install any additional plugins? I have vue-loader but it is currently set to version 13.7.3...could this be the issue?

Thanks, in advance, for your assistance.

Kevin Fricke

answered on 03 Oct 2018