# 自定義控件內容區插槽開發文檔 # ---------- ## 概要說明 ## 自V8.0版本開始，支持自定義控件列表內容區插槽開發。 ## 應用綁定自定義按鈕代碼目錄結構說明 ## 開發按鈕第一步自然是創建項目，創建項目之后目錄結構可以參照以下示例創建各目錄： ─seeyon ..├─apps_res ..│..└─cap ..│......└─customCtrlResources ..│..........└─projectRelatedResources ..│..............├─css ..│..............│......setTargetFormInfo.css ..│..............│ ..│..............├─images ..│..............│......dash-arrow.png ..│..............│ ..│..............└─js ..│..............│......projectRelatedPCList.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) // 根據props.data 中給的數據 在el中渲染內容。 }; /** * 重置條件 */ self.reset = function () { console.log('清空條件!') }; /** * 銷毀組件，當組件被移除之前的時候會觸發，非必須實現。 * @param el // 父容器 */ self.beforeDestroy = function (el) { console.log("銷毀："+privated,el); }; window[privated] = self; })(); ···