Telerik Forums
Kendo UI for jQuery Forum
1 answer
3 views

Hi,

 

Need to figure out the proper way to attach a new sheet. to the kendoSpreadsheet's option: sheets. I tried the below code:

 

 


$(document).ready(function () {
   //render and initialize kendoSpreadsheet:
   $("#spreadsheet").kendoSpreadsheet({
        columns: 20,
        rows: 200,
        toolbar: true,
        sheetsbar: true,
        sheets: mySheets,
        width: "100%"
   });
    
   //render and initialize kendoButton:
   $("#load-new-sheet-btn").kendoButton({
                icon: "forward",
                themeColor: "primary",
                click: swapSheets // want to render new set of sheets. Is this possible?
    });
 });

 //assign a different JavaScript object to the sheets: option parameter (this doesn't seem to refresh the spreadsheet component/control:
 function swapSheets() 
 {
     var currSpreadSheet = $("#spreadsheet").data("kendoSpreadsheet");

     console.log("BEFORE clearing sheets: currentSpreadSheet contents: ",  currSpreadSheet.options.sheets)
     currSpreadSheet.options.sheets = mySheetsTwo;

     console.log("AFTER clearing  sheets: currentSpreadSheet contents: ", currSpreadSheet.options.sheets);
     currSpreadSheet.refresh();
 }

 

You can see the whole code in action here in the Dojo:

 

Spreadsheet Demo Swapping Sheets | Kendo UI Dojo (telerik.com)

 

Also, my requirements want to load a stylized formatted sheet (ergo probably a sheet object), and X number of sheets with raw data…with a different dataSource associated to those raw data sheets.

 

The ultimate goal is to load data into a sheet object in from an API without rerendering the entire page or destroying the current spreadsheet component (and creating a new one).  Most importantly, or we can constrain the question to how to point sheets: to a new JSON sheet structure.

 

Here is a screen shot of what is happening:

 

 

It seems like I can re-assign the sheets object, but refreshing or binding the new sheets object is not being done successfully.

 

Hope this all makes sense,

George

George
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 08 May 2024
2 answers
69 views

Hi,

In the jQuery Spreadsheet Widget, it is possible to add a comment to a cell. When the comment contains a newline character '\n', then the comment tooltip of the spreadsheet does not show the newline. 

How can we allow newlines in a comment tooltip of a Spreadsheet Cell?

( I think that the js kendo version 2022 contained that functionality)

 

Kind regards!

 

 

Lieven
Top achievements
Rank 1
Iron
 answered on 02 Jan 2024
14 answers
128 views

I'd like to highlight cells, in a range.forEachCell method, but each cell has to have a different highlight (background colour) based on some rules. It's quite slow. Is there a way to do this quicker?

Thanks,

Marc

Angel Petrov
Telerik team
 answered on 20 Dec 2023
1 answer
28 views
Hi,

I'm trying to incorporate a full-screen function into the spreadsheet toolbar with the following configuration:

$("#spreadsheet").kendoSpreadsheet({
    sheets: sheets,
    toolbar: {
        home: [
        {
            type: "button",
            text: "Full Screen",
            showText: "overflow",
            icon: "k-icon k-i-full-screen",
            click: function () {
                if (document.fullscreenElement) {
                    document.exitFullscreen();
                } else {
                    $('#spreadsheet').get(0).requestFullscreen();
                }
            }
        }
        ]
    }
});

After clicking the full-screen button, the spreadsheet block goes full screen, but certain built-in popups don't show (e.g., validation list, warning popups, color picker, export popups...). I suspect this is because all the elements that aren't showing are outside my spreadsheet element. Is there a solution to this, or another way to make the spreadsheet block go full screen?

Thanks for your help!
Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 06 Dec 2023
2 answers
66 views

Hi,

Kendo version 2023.3.1010 installed via nuget package manager downloads corrupt excel spreadsheet files on export.

 

The workaround for it was to manually download jszip.min.js from the following cdn: https://kendo.cdn.telerik.com/2023.3.1010/js/jszip.min.js

and to replace the one in the nuget installed package.

 

Please verify your jszip that you're shipping with nuget package manager,

 

Thanks

Martin
Telerik team
 answered on 14 Nov 2023
1 answer
31 views

Hello,

I'm making an application that uses SpreadSheet. I've added kendo.spreadsheet.min.js to the list of scripts, but I get an error in the console that says "Uncaught TypeError: B is undefined".

I would like to know which scirpts are mandatory to run SpreadSheet.

Thanks

Hippolythe
Top achievements
Rank 1
Iron
 answered on 09 Nov 2023
1 answer
40 views

Is there a spreadsheet for Angular, if not, what to use with Angular?

I had feedbacks that Spreadsheet for JQuery in Angular does not behave wery well, poor performances. Is there a way to use the Spreadsheet properly with Angular?

Georgi Denchev
Telerik team
 answered on 10 Oct 2023
1 answer
43 views

Hello, 

I need to disable the button that selects the entire sheet in SpreadSheet. I tried to hide it with CSS but the button remains active.

 

I have highlighted in yellow the button I am talking about in the screenshot below.

Thanks.

Hippolythe
Top achievements
Rank 1
Iron
 updated answer on 19 Sep 2023
1 answer
39 views

I'm trying to paint the spreadsheet with data of 3500 rows * 250 columns and I'm having few loops to prepare the data before the below code and trying to set it all at once. The below code took ~ 2 min

 

 

 

Is there any way improve this ?

 

 

Neli
Telerik team
 answered on 16 Aug 2023
1 answer
45 views

I'm having an issue in some areas of my application where some spreadsheet functionality is not working. It works as expected elsewhere in the app. 

The issue is that some mouse actions are not working:

  • Can't drag to select an area of the spreadsheet 
  • Can't drag the edge of a column/row to adjust its width/height (cursor does not change either)
  • Can't double click to enter a cell

No errors are shown and the spreadsheet works otherwise so I have thus far been unable to debug it.

Do you have any ideas as to things that could cause this to happen, and/or how to debug this issue?

Martin
Telerik team
 answered on 10 Jul 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?