如何在自定义组件中启用点击事件？

Question

正在尝试创建自定义 Webix 视图，但我无法启用 click 事件：

这是我的尝试：http://webix.com/snippet/dbab5734

webix.protoUI({
  name:"testView",  
  $init:function(config)
  {
    this.$view.innerHTML = '<span class="webix_icon fa-question-circle" style="font-size:50px; margin:10px;"></span>';      
  }, 
  defaults:
  {
    value: "",
    height:60,
    width:60
  },
  on_click:{
    webix_view:function(){
      alert();
    }    
  },  
  setValue:function(value){
    console.log(value);
  },
  getValue:function(){
    return this.config.value
  }   
}, webix.ui.view, webix.EventSystem );

似乎 webix.EventSystem 还不够，但我无法弄清楚我的错误在哪里，因为 on_click 处理程序在其他情况下可以按需工作

Answer 1

您正在使用 "on_click" 这是一个鼠标事件。因此，您需要在代码中添加 "webix.MouseEvents" 和 "webix.ui.view, webix.EventSystem"，它会起作用。请看：

webix.protoUI({
  name:"testView",
/*....your code....*/
  on_click:{
    webix_view:function(){
      webix.message("Hi");

    }    
  },  
/*....your code....*/  
}, webix.MouseEvents, webix.ui.view, webix.EventSystem );

如何在自定义组件中启用点击事件？

How to enable click event in custom component?

html

javascript

events

custom-controls

webix