This is a migrated thread and some comments may be shown as answers.

Kendo Vue Spreadsheet multiple sheets using v-for

3 Answers 23 Views
This is a migrated thread and some comments may be shown as answers.
Xin
Top achievements
Rank 1
Xin asked on 24 Oct 2018, 08:49 AM

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

3 Answers, 1 is accepted

Sort by
0
Plamen
Telerik team
answered on 25 Oct 2018, 12:17 PM
Hi,

Yes indeed adding the sheets with v-for is not supported scenario. You could use sheets prop of the spreadsheet component and fill it with sheets object before it is mounted. 

If you want to add sheets after the component is mounted you will have to use insertSheet method.

Here is a sample example of both cases - https://stackblitz.com/edit/ezicn5?file=index.html 

Regards,
Plamen
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Xin
Top achievements
Rank 1
answered on 25 Oct 2018, 01:48 PM
Is the "sheets" prop on spreadsheet documented anywhere?
0
Plamen
Telerik team
answered on 26 Oct 2018, 04:46 AM
Hi,

We are currently working on the API documentation of the Vue wrappers - yet all their props have also same properties of the wrapped Kendo widget so for the moment you could check the API of the widget and use the corresponding prop.


Regards,
Plamen
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Asked by
Xin
Top achievements
Rank 1
Answers by
Plamen
Telerik team
Xin
Top achievements
Rank 1
Share this question
or