# 自定義控件篩選條件開發文檔 # ---------- ## 概要說明 ## 自V8.0版本開始，支持自定義控件篩選條件開發。 ## 應用綁定自定義按鈕代碼目錄結構說明 ## 開發按鈕第一步自然是創建項目，創建項目之后目錄結構可以參照以下示例創建各目錄： ─seeyon ..├─apps_res ..│..└─cap ..│......└─customCtrlResources ..│..........└─projectRelatedResources ..│..............├─css ..│..............│......setTargetFormInfo.css ..│..............│ ..│..............├─html ..│..............│......setTargetFormInfo.html ..│..............│ ..│..............├─images ..│..............│......dash-arrow.png ..│..............│ ..│..............└─js ..│..............│......projectRelatedPCFilter.umd.min.js ## 代碼實現 ## ···js (function () { // 命名空間key， var privated = 'customBtn8714694276131171133'; var self = {}; // 默認父容器為div，可以自行修改父容器類型，父容器會通過init的參數el傳入進來 self.tag = 'div'; /** * 初始化入口，必須實現 * @param el // 父容器dom，自定義控件掛載到該dom上 * @param props { * data：自定義按鈕后端返回的配置參數 * } * @param context // 上下文。 */ self.init = function (el, props, context) { console.log('渲染:', el, props) // 發送條件，條件變化后，向父組件通知。 context.$emit('change',condition); }; /** * 重置條件 */ self.reset = function () { console.log('清空條件!') }; /** * 銷毀組件，當組件被移除之前的時候會觸發，非必須實現。 * @param el // 父容器 */ self.beforeDestroy = function (el) { console.log("銷毀："+privated,el); }; window[privated] = self; })(); ···