JQuery Easy UI Panel component, jqueryui

JQuery Easy UI Panel component, jqueryui

Panel components have almost the same usage as the previous components, you can also learn from setting panel properties, events triggered by the Operation Panel, and operation methods for panel objects.

Some components later depend on this component.

Another difference is that the panel content can request remote data.

Example:

<! DOCTYPE html> Let's talk about the href attribute. I wrote an example based on SpringMVC framework in actual learning.


Background code:
@ RequestMapping (value = "panel") public ModelAndView panel (String _) {<span style = "white-space: pre"> </span> System. out. println ("**************** go to the background ******************* "+ _); <span style = "white-space: pre"> </span> ModelAndView mv = new ModelAndView ("/panelDemo/panelData. jsp "); <span style =" white-space: pre "> </span> mv. addObject ("data", "Hello Hirain !!! "); <Span style =" white-space: pre "> </span> return mv ;}
Why does my background method have another parameter String? The reason is that when I see the actual request, a parameter _ is automatically added after the url, and the same is true if the backend does not receive this parameter.
Only $ {data} is available in panelData. jsp code}
Click here to download the source code

Jquery easy ui, window ("open ")
This only adds a masking layer to the left frame page. When the masking layer on the right frame page is displayed, the masking layer on the left frame page is also displayed, and vice versa. Implementation should not be very difficult.
To achieve the effect, set the right border of the Left shadow layer to none.

Selection of ExtJS, JQuery UI, and easy UI
First, based on your needs, you need these frameworks to have the UI components you need. ExtJS and easy ui all have the ui components you need, such as messagebox, tree, and grid. Compared with jQuery UI's ui components, such as grid, jquery has many plug-ins, including grid, but it is not in jQuery UI. The latest versions of Ext JS and easy ui provide more than 20 types of grids to implement different functions.
Relatively important, ExtJS is relatively large and jquery is relatively small, which is just a simple understanding. ExtJS is a complete Framework and a heavyweight. easy ui is a set of UI Component Libraries Based on the jquery library and is lightweight. ExtJS is application-level, jquery is page-level. Of course, the application is also composed of pages, so you need to complete it yourself. Consider your needs and the original intention of using the framework, and select which one to use. At the same time, ExtJs is a heavyweight framework with a completely object-oriented style. It provides a very complete API and is very large, so the learning cost is relatively high.
Compatibility ExtJS is compatible with the full range of IE browsers and other non-IE modern browsers. jquery UI has never considered the compatibility of earlier versions of ie browsers, so it is a contempt for attitude. Easy UI is based on jquery. jquery2.X and later versions no longer support IE6, 7, and 8. We have solemnly stated that, please refer to the official website and the latest easyUI version 1.3.3 uses jQuery2.0, because of the many HTML5 features, IE6 \ 7 \ 8 is no longer supported. Low versions are not compatible with a small number of versions. Please test the version when selecting the technology. In terms of compatibility, they all have flaws, depending on your degree of receipt.
License. EXTJS version 2.1 or later. Commercial use requires commercial authorization. jquery UI uses the MIT Protocol and is open-source. If jquery easyUI is commercially available, it must follow the license cial commercial license, that is, to purchase the right to use it.