Introduction

jQWebExt - jQuery Simple MVC and plugins Components framework.

Features

With jQWebExt MVC

Your 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 Component

Javascript 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.

Configs

You 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.js

jqwebext_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();

Details

jQWebExt Function:

• register:

• require:

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>

• createJSON:

Create Remote JSON with callback.

Plugins To Components

Javascript 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 Sample

jQWebExt sample code is here.

Zebra Table Extension Sample

ZebraTableExtension sample code is here.

jQuery Tabs Plugin Sample

jQueryTabsExtension sample code is here.

Tooltip Sample

TooltipExtension sample code is here.

Featured Download

http://jqwebext.googlecode.com/files/jqwebext-0.2.1.zip

Source

http://jqwebext.googlecode.com/svn/

Discussion Group

http://groups.google.com/group/jqwebext

My Chinese Blog

http://racklin.blogspot.com/