EASYUI组件的程序基本结构
easyui组件代码的编写结构具有较好的扩展性、可以作为javascript组件开发的参考模型。其代码结构大致如下:
EASYUI基本函数属性一览 | ||
No | 函数属性 | 说明 |
1 | $.fn.<组件名>(options, param) | 组件调用的主入口、用户组件初始化、方法调用、参数修改、常用的方法有options、getValue、setValue等。 示例: 初始化或者修改参数示例:$("#buttonid").linkbutton({iconCls:'icon-save',plain:true}); getValue示例: $('#ss').searchbox('getValue'); setValue示例: $('#ss').searchbox('setValue','王德封'); |
2 | $.fn.<组件名>.parseOptions(target) | 参数解析(一般继承父组件参数解析器)、用于解析写在tag上的属性、并设置到组件的options中去。 |
3 | $.fn.<组件名>.defaults | 组件默认属性(一般继承父组件的默认属性) |
4 | $.fn.<组件名>.methods | 方法集合 |