[js]Easyui组件扩展--fieldset

效果图：

 

各文件路径（我的extra文件夹与easyui文件夹在同一等级）：

extra\fieldset\lq.fieldset.js	主要js文件
extra\fieldset\lq.fieldset.css	主要样式文件
extra\fieldset\lq.fieldset.html	测试页面
extra\fieldset\images\panel_tools.png	按钮图标（拷贝于easyui，可根据主题不同进行修改）

 

lq.fieldset.js

/*
	Easyui1.4.2
	Create time:2015-11-02  Author:duolaaqian
	
	$("#fs").lqfieldset({
		title:'个人信息',				//标题显示文字
		collapsible:true,				//是否可伸缩
		collapsed:false,				//初始化状态 是否为收起状态
		checkboxToggle:false,			//伸缩按钮是否为checkbox
		onBeforeCollapse:function(){	//收起之前调用该方法，返回false则取消收起
		},
		onCollapse:function(){			//收起之后调用该方法
		},
		onBeforeExpand:function(){		//展开之前调用该方法，返回false则取消展开
		},
		onExpand:function(){			//展开之后调用该方法
		}
	});
	
	$("#fs").lqfieldset('collapse');	//收起组件
	$("#fs").lqfieldset('expand');		//展开组件
*/
;(function ($) {
	//添加自定义方法
	function initFieldSet(thisObj){
		initDom(thisObj);
		refreshFront(thisObj);
	};
	function initDom(thisObj){
		var thisData = $.data(thisObj, "lqfieldset");
		var thisOptions = thisData.options;
		var innerDom = $(thisObj).wrap("<fieldset class='lq-fieldset'></fieldset>");
		innerDom.wrap('<div class="lq-fieldset-wrapmain" ></div>');
		innerDom = innerDom.parent('div.lq-fieldset-wrapmain');
		if(thisOptions.title||thisOptions.collapsible){
			var fieldSetDom = innerDom.parent('fieldset');
			thisOptions.fieldSetDom = f