Webixデータベースのセル内のボタン

Question

Webixデータテーブル内にボタンの列を作成する必要があります。 私はこのように、単純なHTMLボタンをカスタマイズすることができます。

webix.ui({ 
    view:"datatable", 
    columns:[ 
    . . . 
    { id: "button1", 
     template: "<button class='custom_css'>Click Me!</button>", 
     width:70 }  
    ], 
    onClick:{ 
    button1: function(ev, id){ 
     . . . 
    } 
    } 
}); 

が、すべての後に、それは私が望むほど便利ではありません。

そんなことをする別の方法があるのだろうか？

Answer 1

ボタンをアクティブな要素として定義できます。次のとおり それはあなたの任意のHTML好み なしでフル機能のボタンを与える：

1. ビューにActiveContentモジュールを追加します。そのname

   webix.protoUI({ name:'activeTable'}, webix.ui.datatable, webix.ActiveContent); 
   

2. を経由して、あなたのボタンを定義します。

   webix.ui({ 
       id:'table1', 
       view:"activeTable", 
       data:grid_data, 
       columns:[ 
       . . . 
       { id: "button", template: "{common.yourButton()}" } 
       ], 
   
       activeContent: { 
       yourButton: { 
        id:"button1", 
        view:"button", 
        label:"Click", 
        width: 70,   
        height:30,   
        click:function(id, e){ . . . } 
       }, 
       }, 
   
   }); 
   

を

スナップショットを確認することができますペット： http://webix.com/snippet/3539bb9a