# 自定义控件内容区插槽开发文档


# 概要说明

自V8.0版本开始,支持自定义控件列表内容区插槽开发。

# 应用绑定自定义按钮代码目录结构说明

开发按钮第一步自然是创建项目,创建项目之后目录结构可以参照以下示例创建各目录:

 ─seeyon
..├─apps_res
..│..└─cap
..│......└─customCtrlResources
..│..........└─projectRelatedResources
..│..............├─css
..│..............│......setTargetFormInfo.css
..│..............│
..│..............├─images
..│..............│......dash-arrow.png
..│..............│
..│..............└─js
..│..............│......projectRelatedPCList.umd.min.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;

})();
创建人:yinyanting