MooTools教程

山寨Ext base Mootools

时间:2015-06-17 15:59来源:网络整理 作者:KKWL 点击:
下载地址:   Jwt是什么? Jwt是一套基于mootools开发的山寨Ext,整套组件的结构和风格均山寨Ext Js,并使用Ext的css和图片,代码结构也参考了Extjs.   Jwt有哪些主要的组件 主要包含BoxComponent,Pan

下载地址:

 

Jwt是什么?
Jwt是一套基于mootools开发的山寨Ext,整套组件的结构和风格均山寨Ext Js,并使用Ext的css和图片,代码结构也参考了Extjs.

 

Jwt有哪些主要的组件
主要包含BoxComponent,Panel,TabPanel ,ViewPort,Window,MessageBox,Combox,ComboboxGrid,GridView,GridPanel,Toolbar ,TreeView,Canlendar,Button,TextField,DateField等,使用方法和风格均类似Ext.

 

和ExtJs有什么不同 
首先,Jwt基于mootools ,运行是需mootools是支持; 
其次,思路和出发点与Ext不同,Jwt目标并不是完全使用Js进行前端界面的开发,而是作为传统的Web开发方法的一个重要工具集 ,所以很多组件的实现思路完全不同,如GridView,Treeview等,表单部分的组件也基本不提供.所以和Ext相比体积更小(包含 mootools在内,全部源码不足500k).

 

为什么不直接使用Extjs,而选择了山寨一个轮子?
其实原因上面已经介绍了,Jwt的使用目标和EXT Js不太完全一致,项目中既需要一部分常用的界面控件,同时Ext Js庞大的体系结构中很多是我不需要的 ,并且很难裁剪(针对Ext js3.0而言),在动手山寨之初,也考察过jquery众多的插件,发现jquery插件虽然遍天下,但没有成体系,风格很难统一,并且要扩展也很困难,事实上,jquery以dom节点进行操作的风格,使得用jquery来构建一套控件库相当不方便,因此目光便落在mootools身上,悲摧的是,mootools 在界面UI上基本一穷二白,只好自力更生山寨之.

 

Jwt是否支持国际化和换肤? 
1.Jwt的一些固定文本全部定义在Jwt.Locale中,拜js动态脚本的便利机制,只要重新定义Jwt.Locale的各个Key值,即可方便的进行语言切换,Jwt.Locale的主要结构如下: Jwt.Locale = { Date : { Months : ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'], Weeks : ['日', '一' ,'二' ,'三' ,'四' ,'五' ,'六'], Today : '今天', Close : '关闭', Prev : '前页', Next : '后页' }, MessageBox : { Buttons : { ok : "确定", cancel : "取消", yes : "是", no : "否" }, OK : ['ok'], CANCEL : ['cancel'], OKCANCEL : ['ok' , 'cancel'], YESNO : ['yes' , 'no'], YESNOCANCEL : ['yes' , 'no' , 'cancel'], HINT : '提示' }, Dialog : { DEFAULT_TITLE : '对话框窗口' }, PropertyGrid : { NAME : '属性名', VALUE : '属性值' }, Ajax : { REQUEST_FAILURE : '查询数据发生异常!', PARSE_FAILURE : '解析服务器返回的数据失败!', NOLOGIN : '您没有登录或连接超时,请重新登录', ACCESSDENY : '您没有操作权限,请联系管理员', EXCEPTION : '系统发生异常,请联系系统管理员' } }; 2.换肤可以通过修改CSS样式表来实现.

 

Jwt开源吗? 
Jwt承诺永久开源,每次发布均提供全部源代码,不压缩,不混淆,运行环境请自行使用YUI的压缩工具压缩,同时由于引用的Ext的很多css样式定义和图片,以及参考了Ext Js的代码结构和命名方式,为避免版权问题,采用GNU GPL license v3协议.


------分隔线----------------------------