js Easyui元件擴充套件 fieldset

2021-09-02 12:47:37 字數 2503 閱讀 9857

效果圖：

各檔案路徑（我的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(,


oncollapse:function(),


onbeforeexpand:function(),


onexpand:function()


});$("#fs").lqfieldset('collapse');	//收起元件


$("#fs").lqfieldset('expand');		//展開元件


*/;(function ($) ;


function initdom(thisobj)else


});}elseelse


}).bind('mouseover',function()).bind('mouseout',function());


}if(!thisoptions.collapsible)


}		dilimitsize(thisobj,innerdom);


};	function refreshfront(thisobj)else


};	//收縮


function docollapse(thisobj)


var fieldsetdom = thisoptions.fieldsetdom;


thisoptions.collapsed = true;


fieldsetdom.removeclass('expand').addclass('collapse');


fieldsetdom.find('input[type=checkbox]').prop('checked',false);


thisoptions.oncollapse.call(thisobj);


};	//展開


function doexpand(thisobj)


var fieldsetdom = thisoptions.fieldsetdom;


thisoptions.collapsed = false;


fieldsetdom.removeclass('collapse').addclass('expand');


fieldsetdom.find('input[type=checkbox]').prop('checked',true);


thisoptions.onexpand.call(thisobj);


};	function dilimitsize(thisobj,innerdom)


}		if( minheight && $.isnumeric(minheight) )


}		if(minwidth&&$.isnumeric(minwidth))


.lq-fieldset.collapse


.lq-fieldset.expand{}


.lq-fieldset .lq-fieldset-wrapmain


.lq-fieldset.expand .lq-fieldset-wrapmain


.lq-fieldset.collapse .lq-fieldset-wrapmain


.lq-fieldset-legend{}


.lq-fieldset-legend a


.lq-fieldset-legend a.mouseout


.lq-fieldset-legend a.mouseover


.lq-fieldset-legend>span


/*yuan jiao*/


.lq-fieldset


/*icon*/


.collapse .lq-fieldset-legend-icon


.expand .lq-fieldset-legend-icon


/***color***/


.lq-fieldset/*邊框顏色*/


.lq-fieldset-legend>span/*標題顏色*/
lq.fieldset.html

姓名：				性別：


出生日期：

tomahawk JSF元件擴充套件元件 一

taglib uri prefix t 一.資源檔案的反編譯 native2ascii reverse encoding gb2313 b.properties a.properties 二.元件用於將html元素新增到頁面中,並使 html 元素具有這些元件的行為。直接把html元素放在中會發生錯...

擴充套件 element input 元件

element ui 的 多行文字編輯框，其中的換行和空格，在儲存的時候，被去掉了，如果希望用html標籤 和替代，需要通過自定義元件來封裝元件。textarea v model myvalue el input template import from element ui export defa...

Iview Table元件中各種元件擴充套件

一 iview table 元件 多選框選中和禁選設定 table新增多選框 通過給columns資料設定一項，指定type selection 即可自動開啟多選功能。正確使用好以下事件，可以達到需要的效果 給 data 項設定特殊 key checked true可以預設選中當前項。給 data ...