# 自定义控件筛选条件开发文档 # ---------- ## 概要说明 ## 自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; })(); ···