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