WiseJ integrated with ComponentOne SpreadJS

[itg-assistant]

Marcelo Blank asked 2017-07-09 21:46:37 UTC

Hi ! I´m trying the WiseJ. I alread had developed web apps with VicualWebGui. But these one is fantastic.

I need to integrate WiseJ with SpreadJS (from ComponenteOne (http://spread.grapecity.com/spreadjs/sheets/)) as we have already a lot of development done.

Regards,

Marcelo Blank

[itg-assistant]

Mark Reed answered 2017-07-10 14:57:31 UTC

Did you read these articles?

http://wisej.com/blog/integration1/

http://wisej.com/blog/integration2/

They might be able to help you easily create a wrapper

[itg-assistant]

Marcelo Blank answered 2017-07-10 16:44:01 UTC

Yes. I already studied then.

Bur it´s a little diferent (I guess) now:

• Spread.Sheets is dependency free. It requires the following files: gc.spread.sheets.x.xx.xxxxx.x.css, gc.spread.sheets.all.x.xx.xxxxx.x.min.js.

<link rel="styleSheet" href="css/spread/gc.spread.sheets.x.xx.xxxxx.x.css" />

<script src="js/spread/gc.spread.sheets.all.x.xx.xxxxx.x.min.js" type="text/javascript"></script>

• Include a DOM element as the container in the page body.

 

• The Spread component is initialized with new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 }).

window.onload = function () {

var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { seetCount: 1 });

};

[itg-assistant]

Frank (ITG) answered 2017-07-17 15:38:21 UTC

Hi Marcelo,

please find attached a basic sample that illustrates how to integrate SpreadJS with Wisej.
I have just added a widget to the form and defined Packages and InitScript properties with the designer.

Packages:

package1.Name = "jquery-1.9.1.js";
** package1.Source = "http://code.jquery.com/jquery-1.9.1.min.js";**
** package2.Name = "jquery.wijmo.wijspread.all.3.20151.16.js";**
** package2.Source = "http://cdn.wijmo.com/spreadjs/jquery.wijmo.wijspread.all.3.20151.16.js";**
** package3.Name = "jquery.wijmo.wijspread.3.20151.16.css";**
** package3.Source = "http://cdn.wijmo.com/spreadjs/jquery.wijmo.wijspread.3.20151.16.css";**

InitScript:

this.init = function() {

    $(this.container).wijspread({
    })

}

Download the sample here: http://wisej.s3.amazonaws.com/support/attachments/SpreadJSTest.zip

Please let me know if this helps you getting started. Feel free to come back with any further questions.

Best regards
Frank

[itg-assistant]

Marcelo Blank answered 2017-07-17 16:01:54 UTC

Thank you ... very nice !!!

Helps a lot .

Regards