概述
fsLayui
中定義了一些系統(tǒng)常用的按鈕處理函數(shù),只需要配置調(diào)用方式即可英妓,這樣大大提高了開發(fā)的效率挽放,也存在一個弊端,那就是有些按鈕需要特殊處理蔓纠,系統(tǒng)默認(rèn)不滿住情況下骂维,只能修改源碼fsDatagrid.js
或fsCommon.js
中的內(nèi)容,修改后對以后升級工作量就比較大贺纲,而且容易出現(xiàn)升級問題航闺。點擊體驗效果
最終新增了自定義按鈕處理函數(shù),可以根據(jù)自己的情況來自定義處理,滿足個性化需求潦刃。
使用說明
自定義按鈕事件回調(diào)侮措,區(qū)分兩個方式:
- 全局的按鈕事件定義
- 單頁面的按鈕事件定義
特殊說明:使用自定義函數(shù),必須所有處理自己來實現(xiàn)乖杠。
全局事件定義
全局事件
主要爭對一些通用的處理函數(shù)(其他頁面也可能會用到同樣的處理方式分扎,稱之為通用
)。
全局事件在fsButtionCommon.js
文件中定義胧洒,例如以下demo
FsButtionCommon.prototype.test = function(elem,data,datagrid){
alert("測試自定義按鈕"+JSON.stringify(data));
}
代碼分析:
test
是定義一個函數(shù)方法名稱(事件名稱)
方法中目前有3個參數(shù)畏吓,根據(jù)實際需要求處理。
參數(shù)說明:
-
elem
:當(dāng)前點擊按鈕元素 -
data
:當(dāng)前選中表格的數(shù)據(jù) -
datagrid
:表格對象
單頁面事件定義
單頁面事件
主要爭對一些當(dāng)前頁面的處理函數(shù)(只有在當(dāng)前頁面可以使用)卫漫。
處理事件函數(shù)
可以在一個js文件中菲饼,也可以在當(dāng)前html文件中編寫處理函數(shù)。
如下demo
<script type="text/javascript">
layui.fsButtion.test2 = function(elem,data,datagrid){
alert("測試自定義按鈕2"+JSON.stringify(data));
}
</script>
代碼分析:
處理事件必須在layui.fsButtion
對象中列赎。
test2
是定義一個函數(shù)方法名稱(事件名稱)
方法中目前有3個參數(shù)宏悦,根據(jù)實際需要求處理。
參數(shù)說明:
-
elem
:當(dāng)前點擊按鈕元素 -
data
:當(dāng)前選中表格的數(shù)據(jù) -
datagrid
:表格對象
效果圖
效果
本文首發(fā)于我的博客:ITCTO技術(shù)博客