closed
Public

We utilize jqWidets’ nested grids in our code and I was curious if anyone has figure a way to simulate nested grids in ForeUI.

http://www.jqwidgets.com/jquery-widge…

4 answers

Hi Mickey,

In ForeUI, you can embed any element into the cell of Table element (every cell is regarded as a container), which could cover the major of cases. If you wish to simulate very complex grid, it may be better to directly use the external Javascript UI library (such as the jqWidgets you mention).

By using the “Html”, “Javascript” and “Css” elements, you can add almost anything you need into the simulation.

#1

What are the steps to add or utilize an external Javascript UI library?

#2
  1. Use "Html" element to add any HTML code into your simulation, use "Script" element for Javascript code, and "Css" element for CSS code.

    You can read these to get some ideas:
    <a href="http://www.foreui.com/doc/html/html.htm&quot; rel="nofollow">http://www.foreui.com/doc/html/html.htm</a&gt;
    <a href="http://www.foreui.com/doc/html/css.htm&quot; rel="nofollow">http://www.foreui.com/doc/html/css.htm</a&gt;
    <a href="http://www.foreui.com/doc/html/script.htm&quot; rel="nofollow">http://www.foreui.com/doc/html/script...</a>

    If you know how to use the external Javascript UI library in your own HTML page, you just do the same in your ForeUI project.

ViVi –

JQwidgets is a 2Mb JavaScript library that renders a grid and many other widgets.

How would I include the library for use in ForeUI? Using JQwidgets in our current java development environment dynamically generates the specific widget …. will ForeUI render the widgets properly?

#3

Hi Mickey,

Integrating any Javascript library into ForeUI should be possible, the tricky part is that you can use the “Html” element to add any JS/CSS files into the simulation, and create any HTML element you need. You will also need to write some Javascript code and place it in the “Script” element to make sure the widget will get initialized.

I just created an example for using jQWidgets in ForeUI, you can download the example from ForeUI store: http://www.foreui.com/store/view.php?&#8230;, or you can preview the final result here: http://www.foreui.com/store/items/Use&#8230;

In the example, I dynamically replaced the version of JQuery/JQuery-UI (because jQWidgets requires a newer version) and load all required Javascript files, and create the widgets with my own Javascript code.

You can embed the Html element that create the DIV for the widget into any ForeUI container, as demonstrated in the example.

#4

This question is now closed