# 自定义控件筛选条件开发文档
# 概要说明
自V8.0版本开始，支持自定义控件筛选条件开发。
# 应用绑定自定义按钮代码目录结构说明
开发按钮第一步自然是创建项目，创建项目之后目录结构可以参照以下示例创建各目录：
─seeyon
..├─apps_res
..│..└─cap
..│......└─customCtrlResources
..│..........└─projectRelatedResources
..│..............├─css
..│..............│......setTargetFormInfo.css
..│..............│
..│..............├─html
..│..............│......setTargetFormInfo.html
..│..............│
..│..............├─images
..│..............│......dash-arrow.png
..│..............│
..│..............└─js
..│..............│......projectRelatedPCFilter.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) // 发送条件，条件变化后，向父组件通知。
context.$emit('change',condition);
};
/_* * 重置条件 */
self.reset = function () { console.log('重置条件!') };
/_* * 清空条件 */
self.clean= function () { console.log('清空条件!') };
/_* * 点击筛选条件 */
self.getValue= function () { console.log('返回条件!') };
/**
* 销毁组件，当组件被移除之前的时候会触发，非必须实现。
* @param el // 父容器
*/
self.beforeDestroy = function (el) {
console.log("销毁："+privated,el);
};
window[privated] = self;
})();
创建人：yinyanting
