How-To; JavaScript Widgets & Features Inside a BSV

itdeptcorp

Hello,

* We have searched and viewed every mention of JavaScript in the Forum as well as consulted the manual.

We are trying to implement JavaScript "widgets" which are tightly integrated with a BSV inside a Visual Perspective or Panel Area - OR - simply as a New Tab begin called as a Command.

How it should work is - We either call this as a COMMAND inside a VP panel area to display data from our BSV (via JSON) nicley, OR would wish to have a Toolbar button which creates a NEW Tab and the Fullscreen is the Widget

** We have these JS Widgets (We will just call them this for now) from this vendor - http://webix.com/pivot/index.html

Step 1: We create a BSV Object called "data"
Step 2: We create a FORM which has the option "Use custom form" selected
as the Form Script: we choose our "widget.js" which get the JSON payload
as the Function: we call "createWidget"
as the HTML file: we call "widget.html" which has the DIV to present the JS
Step 3: ALL custom JS and CSS is located in \AwareIM\Tomcat\webapps\AwareIM\Custom (JS or CSS folders)
Step 4: We added the JS into the "startup.html"

The tab open and displays an empty page.

How we know our JSON and Widget is working but just not visible?
We can see in the Inspect Element that the DATA arrived and is just not visible

Also tried: So we have also tried to add it as part of the ExtJS "library"

Any or All help is appreciated... Even we are not certain if our approach(s) to solve this are good as this portion alone could be a multi-page How-To inside the manual.

Please comment if you have any experience - We would like to make this document public once we finish documenting the entire EXACT process.

https://docs.google.com/document/d/1uom_xc6G8qTwLqEPDWBoz4DWNv8wRvrEL2_qn1vCh1k/edit?usp=sharing

customaware

Hi Itdeptcorp,

There is an excellent example of embedding a javascript pivot widget into an Aware IM page in the Conference Package from
last April's Aware IM Developers International Conference.

intra

I gave a demo at the conference last April that should be similar if not the same method.

Believe if you want access to the demos and content the process is to send an invoice request to aidic@awareimdevelopers.com and they will send you a paypal invoice for $300 and then send you a download link for the package.

itdeptcorp

Hi,

We emailed that address asking for a confirmation of items and ready to precede with purchase.

No reply yet?

itdeptcorp

Support (your advice) -

We found that the demo in the conf package was not as tightly coupled as you would want for any production solution.

Its not a theirs Vs ours - Its simply whats the correct approach for scalability and enterprise mindedness'

Get as close to the data as possible (DB level - if not API level - then 3rd party calls - then "loading via files" - then bird)
Remove barriers which pose possible latency and break points (Decrease points of failure)
If the platform allows it - do it

Anyone who attempted this and failed, or anyone at all who did such an integration please let us know.

JSON call via provided API's as an internal "Widget" inside a BSV

How it works now;

We present/show the Pivot in a Panel via a Form
But if we click OUTSIDE of that FORM/DIV area on any Toolbar buttons etc. The session error

New approach is write a servlet which circumvents that for the time begin.

itdeptcorp

SOLVED:

We wrote a servlet which acts as a proxy for the calls which also in turn decreases some overhead (as a nice side bonus)

We will refine it over the next couple days and test on a 250,000 and 500,000 records set to see if it can scale ok.

Latency is the pain but once data is loaded then "Pivot" away..

johntalbott

Were you able to perfect this process?

itdeptcorp

Hi,

Yes it works quite well. It is not the best practice imo but we would certify it for SMB level usecases.