2016-08-19 6 views
0

は、カスタム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ハンドラは他のケースで必要に応じて正しく動作するため、

答えて

1

マウスイベントである "on_click"を使用しています。したがって、あなたのコードに "webix.ui.view、webix.EventSystem"と一緒に "webix.MouseEvents"を追加する必要があり、それが動作します。 参照:

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

    }  
    }, 
/*....your code....*/ 
}, webix.MouseEvents, webix.ui.view, webix.EventSystem); 
関連する問題