Questions on Kendo UI for Vue Forum

1 answer

71 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

135 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

169 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

563 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

125 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

650 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

585 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

8 answers

152 views

Reactivity in chart datasource prop? Should the chart rebind or do we need to redraw()?

Hi There, I have a kendo UI chart who's datasource is bound to a computed property. I can see the datasource computed property is being updated but the chart is not rebinding/redrawing. Do I need to manually redraw the chart?

If we don't need to manually refresh/redraw then do you have any ideas as to why the chart wouldn't redraw when I update the datasource prop? Thanks!

answered on 03 Oct 2018

1 answer

414 views

PivotGrid columns and rows display name

Hello

I have a data source that has names that are not that readable to the end user, but in the pivot grid data source, I am having issues setting the display name different than the data source name.

In this example, I have changed the name of the "ProductName" to something that resembles our data source :

https://stackblitz.com/edit/kwmg6k

And now the data is not shown, how can I specify a field to get the data, and a name for the draggable column or row title?

//Marius

answered on 28 Sep 2018

3 answers

129 views

How to hide value-axis in Multi-Axis, based on category

Hello

In the demo when I click the "mpg" category, the line is hidden ( as expected ), but the valueAxis is still visible. I also want this hidden, no point in showing the "miles per gallon" if there is no data on it.

Is there a way to hide this as well?

https://stackblitz.com/edit/multiaxis

answered on 25 Sep 2018