or
1 answer
3 views
I use the `kendo-vue-excel-export` in VUE to generate an Excel export.
Now I have two questions:
1. How to change the sheet name?
2. How to create a second sheet with different data?
My method that I use currently looks like this:
Now I have two questions:
1. How to change the sheet name?
2. How to create a second sheet with different data?
My method that I use currently looks like this:
exportExcel () {
saveExcel({
data: this.items,
fileName: "Geräte",
columns: [
{ field: 'hostname', title: 'Hostname' },
{ field: 'guid', title: 'Guid' },
{ field: 'ipaddress', title: 'IP' },
{ field: 'domain', title: 'Domain' },
{ field: 'osversion', title: 'OS Version' },
{ field: 'ostype', title: 'OS Type' },
{ field: 'videoid', title: 'Grafikkarte' },
{ field: 'diskid', title: 'Festplatte' },
{ field: 'memory', title: 'Arbeitsspeicher' },
{ field: 'cpuid', title: 'CPU' },
{ field: 'username', title: 'Benutzer' },
{ field: 'location', title: 'Lokation' },
{ field: 'office', title: 'Büro' }
]
});
},
Petar
Telerik team
answered
on
21 Sep 2021
1 answer
7 views
Hi,
I can show the grouping aggregates of kendo grid and I also can add exportExcel into my project.
But I have no idea how can I combine it?
I had the problem that my excel file doesn't have the groupfooter "aggregates".
Also, the columns misalign, when I add this into the exportExcel methods.
group: this.rentGroup,
Here is the code:
https://stackblitz.com/edit/wzp8rg?file=src%2Fmain.vue
Thank you in advance.
Petar
Telerik team
answered
on
15 Sep 2021
1 answer
9 views
I'm currently using this object provided by the kendoForm injected property:
https://www.telerik.com/kendo-vue-ui/components/form/api/KendoFormInjectedProperty/#toc-modifiedbyfield
When I change a field inside the <FormElement> it adds the field to this object, however once I undo this change (return back to initial value) the field remains inside the object.
Here's a stackblitz to illustrate the problem:
https://stackblitz.com/edit/t7gw96?file=src%2FFormContent.vue
How do I remove the fields from this object when they no longer differ from their initial value?
Plamen
Telerik team
answered
on
14 Sep 2021
1 answer
3 views
I've added the Kendo MultiSelect component inside a Kendo Form. However once I start typing some text inside the MultiSelect it throws an error as soon as I click outside:
https://stackblitz.com/edit/bfuhyb?file=src%2FFormInput.vue (stackblitz example of the problem)
What's worse is that upon throwing this error it completely freezes the input until you remove the text (you can't see this on stackblitz since the error covers the screen).
Did I forget to add a certain property to the MultiSelect or is this a bug?
When the MultiSelect is outside of a Kendo Form it doesn't have this behavior:
https://stackblitz.com/edit/ys4zsu?file=src/main.vue (stackblitz as linked on https://www.telerik.com/kendo-vue-ui/components/dropdowns/multiselect/)
Plamen
Telerik team
answered
on
14 Sep 2021
2 answers
2 views
How does the Spreadsheet component developed based on VUE use code to hide certain columns or rows
Petar
Telerik team
answered
on
13 Sep 2021
1 answer
4 views
In order to purchase your products recently, we mainly need to use the Spreadsheet module developed based on VUE. In the test phase, we encountered an unsolved problem, how to disable the "+" button of adding TAB and the "delete TAB" button at the bottom of the table. Another problem is:How to view the SPREADSHEET VUE document? Do YOU need to purchase it before owning it? Please reply asap!
Petar
Telerik team
answered
on
07 Sep 2021
1 answer
9 views
On most Native Kendo Vue components the following classes are applied depending on the state:
- 'k-floating-label-container'
- 'k-state-focused'
- 'k-state-empty'
- 'k-autofill'
- 'k-state-invalid'
- 'k-rtl'
'k-state-invalid' for instance adds a red border around the Kendo Input component:
In this example the red line isn't added to the html textarea:
https://www.telerik.com/kendo-vue-ui/components/form/guidelines-with-examples/#toc-vue-form-inputs
Is there an easy and efficient way to add (some of) these classes to a native html textarea?
Petar
Telerik team
answered
on
03 Sep 2021
1 answer
7 views
Hello community,
I am wondering if anyone knows a way to programatically abort the execution of savePDF in the kendo-vue-pdf library?
Thanks!
Petar
Telerik team
answered
on
02 Sep 2021
1 answer
13 views
I have below item in my 'columns' in 'data' function of my grid component. How can I write it in <kendo-grid-column> tag format?
I also need my isActive to render as a radio button all the time. Please help with these 2 things.
{ cell: "myTemplate", filterable: false, width: "210px" }
This is what I have so far. It display all columns except my v-slot.
<grid :style="{ height: '300px', width: '60%' }"
ref="grid"
:data-items="gridData"
:pageable="pageable"
:sortable="sortable"
:skip="skip"
:total="total"
:edit-field="'inEdit'"
@itemchange="itemChange"
>
<kendo-grid-column field="emailAddress" title="Account" :width="120">
</kendo-grid-column>
<kendo-grid-column
field="Description"
title="Description"
:width="120"
></kendo-grid-column>
<kendo-grid-column
field="isActive"
title="Is Active"
:width="120"
></kendo-grid-column>
<kendo-grid-column
cell="myTemplate"
filterable="false,"
:width="120"
></kendo-grid-column>
<template v-slot:myTemplate="{ props }">
<custom
:data-item="props.dataItem"
@edit="edit"
@save="save"
@cancel="cancel"
/></template>
Petar
Telerik team
answered
on
02 Sep 2021
1 answer
12 views
I'm trying to combine 2 Kendo Dropdowns + 1 Kendo Input field together inside a single Form component.
Inside this component I want to save the values from the 3 inputs a single array and pass it's value to the Kendo Form component:
https://stackblitz.com/edit/4lrva3?file=src/FormInput.vue
What's the best way to achieve this?
Thanks in advance
Plamen
Telerik team
answered
on
27 Aug 2021
