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

Question

尝试创建自定义 Webix View ，但我无法启用 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 );