尝试创建自定义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处理程序可以在其他情况下按需工作

最佳答案

您正在使用鼠标事件“ 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 );

关于javascript - 如何在自定义组件中启用点击事件?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39040858/

10-12 13:01