|
Project Information
Members
Featured
Downloads
Links
|
IntroductionjQWebExt - jQuery Simple MVC and plugins Components framework. FeaturesWith jQWebExt MVCYour html is clean and NO or few javascript code. Any 3rd party's javascript or function can be setup in jqwebext_config.js. So your html just only two line of javascript src. <script src='jquery.pack.js' type='text/javascript'></script> <script src='jqwebext.js' type='text/javascript'></script> Any things is automatic with jQWebExt MVC framework. With jQWebExt ComponentJavascript Programmer can register jQuery plugins with Simple small extension function to jQWebExt framework with OPTIONS. Then Web(HTML) designer no need to know and no need to write any javascript code. Web(HTML) designer just need to setup the options of plugins, and all plugins will autorun when DOM has loaded . jQWebExt make jQuery more easier to use and no or few javascript code in your html. ConfigsYou can setup jQWebExtConfig before <script src='jqwebext.js' type='text/javascript'></script> jQWebExtConfig will like this: <script>
var jQWebExtConfig = {config: 'jqwebext_config.js', path: '', pageId: ''};
</script>config: the config filename , default is jqwebext_config.js path: where your javacript path. can use http:// for full address. pageId: jQWebExt will auto detect pageId. you can setup it custom. jqwebext_config.jsjqwebext_config.js sample and document bellow : // jQWebExt Config
jQWebExt.options.Config = {
/*
* Default config will process at any page id.
*/
'default': {
/*
* Require third party's javascript, separate with comma
*/
'requires': 'plugins/jquery.dimensions.pack.js',
/*
* Register global functions
*/
'functions': {
test: function() {
alert('cool! test function in jqwebext_config.js');
}
},
/*
* Auto Run on DOM Ready.
* Like jQuery(document).ready( function ...)
*/
'ready': function () {
alert('dom ready function in jqwebext_config.js DEFAULT Block');
}
},
/*
* pageId or Body id='helloworld'
*/
'helloworld': {
'ready': function () {
alert('dom ready function in jqwebext_config.js helloworld Block');
}
},
/*
* pageId or Body id='tooltip'
*/
'tooltip': {
'requires': 'jqwebext.tooltip.js',
'ready': function () {
alert('dom ready function in jqwebext_config.js!! \n is Tooltip page?? cool!!!');
}
}
};
// callback jQWebExt to process Config.
jQWebExt.Config();DetailsjQWebExt Function:
This object also has a function called require. By calling this funtion will auto include third-party .js file with document.write(' <script src=""></script>). So user no need to know what third-party javascript is dependent with your plugins.
Create Remote JSON with callback. Plugins To ComponentsJavascript Programmer can register jQuery plugins with Simple small extension function to jQWebExt framework with OPTIONS. Then Web(HTML) designer no need to know and no need to write any javascript code. Web(HTML) designer just need to setup the options of plugins, and all plugins will autorun when DOM has loaded HelloWorld SamplejQWebExt sample code is here. Zebra Table Extension SampleZebraTableExtension sample code is here. jQuery Tabs Plugin SamplejQueryTabsExtension sample code is here. Tooltip SampleTooltipExtension sample code is here. Featured Downloadhttp://jqwebext.googlecode.com/files/jqwebext-0.2.1.zip Sourcehttp://jqwebext.googlecode.com/svn/ Discussion Grouphttp://groups.google.com/group/jqwebext My Chinese Blog |