# 自定义控件内容区插槽开发文档
# 概要说明
自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