Exanpe library includes YUI 2 JavaScript modules as basis for almost all components.
The current version of YUI embedded is 2.9.0.
The YUI resources are automatically loaded through @Import over the components classes.
Obviously, only the components required resources are loaded, not all YUI.
Regardless the embedding of the JavaScript framework, Exanpe provides a way to include your own YUI2 distribution.
This can be really easily set up by contributing the symbol ExanpeSymbols.YUI2_BASE in your Module class.
The requirement is that you own a YUI distribution packaged as standards, containing all the Exanpe dependencies.
.
public static void contributeApplicationDefaults(MappedConfiguration<String, String> configuration) configuration.add(ExanpeSymbols.YUI2_BASE, "context:/js/yui/mydistrib/");
Internet Explorer 6 is now a 10 year old browser, and not the best one.
It is such a mess and causes so much pain that, as for Internet Explorer 5.5 and previous versions, we have not tested the components and would be scared to see the result.
Sorry, move on !
You can download the CSS skin file, with comments, here.
Our demo is hosted by Google App Engine (GAE). We are limited by daily quotas and instances restrictions.
A way for you to test it easily would be to have a look at our examples sources (@see github exanpe-t5-demo project)
and test them anywhere or download the war file here.
We apologize for any inconvenience about this but we do not own a J2EE server on the web. Contact us for any offer :)
Some components provide JavaScript events that you can bind on in order to customize the component behavior (see the JsDoc, events are marked @event and named afterXXX/beforeXXX/onXXX).
Overriding the event is really simple:
- To override a single component instance, add the following code below the component declaration:
YAHOO.util.Event.onDOMReady(function(){ ${componentId}.${eventFunction} = function(){ //write your code here ! } });
Exanpe.${componentName}.prototype.${eventFunction} = function(){ //write your code here ! }
<t:select t:mixins="exanpe/selectLoader" t:id="country" t:targetId="city" model="country" value="countryValue" encoder="countryEncoder"/> YAHOO.util.Event.onDOMReady(function(){ country.afterUpdateSuccess = function(){ YAHOO.util.Dom.get("type").options.length = 0; } });
Yes, the TLD that might help you to develop in Eclipse is available here.
Check this link for explanation on how to use it.