Questions on Kendo UI for Vue Forum

1 answer

11 views

How to define the spreadsheet columns off a remote dataset?

So this is my datasource... I would assume the schema is what it would read to render the properties in the sheet, but it's just verbatim taking the JSON object and plopping it in. So example, there's a LastUpdated property on each object, it's not defined in the schema... but it's rendering in the sheet.

Am I missing something?

 dataSource: {
            transport: {
                dataType: "json",
                read: {
                    url: this.baseUrl + "/groups?format=json",
                    type: "GET",
                    data: function () {
                        return {
                            cohort: $editorData.cohort
                        };
                    }
                },
                /*
                update: {
                    url: baseUrl + "/groups?format=json",
                    dataType: "json",
                    type: "POST"
                },
                */
            },
            requestEnd: function (e) {
                var response = e.response;
                var type = e.type;
                
                console.log("requestEnd", type, response);
            },
            schema: {
                model: {
                    id: "UserId",
                    fields: {
                        UserName: { type: "string", editable: false },
                        FirstName: { type: "string", editable: false },
                        LastName: { type: "string", editable: false },
                        Campus: { type: "string", editable: false },
                        Cohort: { type: "number", editable: false },
                        MF1: { type: "number" },
                        MF3: { type: "number" },
                        MF4: { type: "number" },
                        MF2: { type: "number" },
                        MF5: { type: "number" },
                        ClerkshipGroup: { type: "number" },
                        PediatricsStream: { type: "number" },
                        ProCompGroup: { type: "number" }
                    }
                }
            },

            <kendo-spreadsheet 
              ref="spreadsheet"
             :toolbar="false" 
             :sheetsbar="false"
             :excel-proxy-URL="'/RestApi/utility/proxy/save'"
             :pdf-proxy-URL="'/RestApi/utility/proxy/save'"
             :columns="15"
             :rows="300"
             style="width: 100%; height: 800px">
                        <kendo-spreadsheet-sheet 
                            :name="'Groups'" 
                            :data-source="dataSource"
                            :rows="rows"
                            :columns="columns"
                        >
                        </kendo-spreadsheet-sheet>
            </kendo-spreadsheet>

Spreadsheet wrapper

answered on 10 Apr 2024

1 answer

24 views

spreadsheet Scalin

Hello！

How do I add this zoom feature?

Spreadsheet wrapper

answered on 05 Jan 2024

1 answer

129 views

Vue wrapper components

Hi all,
I would like to try Kendo Vue SpreadSheet wrapper component.

Because there is no native Vue SpreadSheet component at the moment.

I have tried somethings but I cannot run my example programs.

I have installed kendo-ui and spreadsheet wrapper (or any other wrappers).

When I run the program with npm run dev I got error below.
(I tried it on Windows 10 and Linux Ubuntu 22)

EDIT: I found this https://github.com/telerik/kendo-ui-core/issues/7238, but there is no solution addressed.

=========================================================================

VITE v4.2.1 ready in 391 ms

Local: http://localhost:5173/
Network: use --host to expose
press h to show help
✘ [ERROR] Unterminated string literal

node_modules/@progress/kendo-ui/umd/kendo.all.min.js.map:1:6045463:
1 │ ...x3e8);}return _0x135b10[_0x3505('0x4')]=_0x31765a,_0x135b10[_0x3505('0x28')]=_0x4b9d63,Object[_0x3505('0x4d')](_0x135b10,_0x3505('0x4f'),{'value':!![]}),_0x135b10;}({});
╵ ^

The source map "node_modules/@progress/kendo-ui/umd/kendo.all.min.js.map" was referenced by the
file "node_modules/@progress/kendo-ui/umd/kendo.all.min.js" here:

node_modules/@progress/kendo-ui/umd/kendo.all.min.js:3:21:

Spreadsheet wrapper

answered on 07 Apr 2023

1 answer

126 views

spreadsheet ,How do I use code to insert comments

How do I use code to insert comments

Spreadsheet wrapper

answered on 16 Feb 2022

1 answer

92 views

spreadsheet

How does the spreadsheet component get the coordinates of the currently selected cell

Spreadsheet wrapper

answered on 08 Dec 2021

1 answer

115 views

spreadsheet

Hello, I would like to ask if there is a corresponding method to support me to obtain the data of selected rows or columns when using the spreadsheet

Spreadsheet wrapper

answered on 07 Dec 2021

0 answers

84 views

It is hoped that the exported table data cannot perform any operations other than editing the data

I have a similar problem, but it is not only forbidden to insert rows and columns, but also to modify fonts and colors (including table background colors). The table I want to export can only edit data.

Spreadsheet wrapper

asked on 05 Nov 2021

1 answer

69 views

spreadsheet

Does the VUE Spreadsheet component have a method to listen for upload events so that I can do other operations after the upload is successful

Spreadsheet wrapper

answered on 22 Oct 2021

0 answers

74 views

spreadsheet

- There is no way to control the fixed format of exported templates, other people cannot insert rows or insert columns, and changing font colors is not allowed

Spreadsheet wrapper