webixによるデータ編集

Question

データテーブル編集をオンにしようとしましたが、なぜ動作しないのかわかりません。チェック

var datatable = webix.ui({ 
    id: "mytable", 
    container: "myDATA", 
view:"datatable", 
autoheight:true, 
select: 'row', 
multiselect: true, 
autoConfig:true, 
editable: true, 
editaction: 'dblclick', 
columns:[ 
    { id:"rank", header: translate["en"].rank,    width:50}, 
    { id:"title", header: translate["en"].title, width:200}, 
    { id:"year", header: translate["en"].year,  width:80}, 
    { id:"votes", header: translate["en"].votes,   width:100} 
], 
on: { 
    onBeforeLoad: function() { 
    this.showOverlay('Loading...'); 
    }, 
    onAfterLoad: function() { 
    if(!this.count()) { 
     this.showOverlay('No data found...'); 
    } else { 
     this.hideOverlay(); 
    }   
    }, 
    onItemClick: function(id,element,node) { 
    var row = this.getItem(id); 
    console.log(row); 
    } 
} 

}）;

my jsfiddle：http://jsfiddle.net/gdjaero9/40/どのような解決策ですか？

ありがとうございました。

Answer 1

また、各列にthe editorを設定する必要があります。

フィドル更新

columns:[ 
     { id:"rank", header: translate["en"].rank, width:50}, 
     { id:"title", header: translate["en"].title, editor:'text', width:200}, 
     { id:"year", header: translate["en"].year, editor:'text', width:80}, 
     { id:"votes", header: translate["en"].votes, editor:'text', width:100} 
    ], 

：あなたはすでにeditable: trueを定義しているが、すべての細胞がまだdiv要素として機能しているがhttp://jsfiddle.net/gdjaero9/44/

Answer 2

を。あなたのセルに入力コンポーネントを割り当てていないから。セルの選択時にdivをテキストボックスに変換するには、その列にエディタを提供する必要があります。

は、さまざまなエディタがあります。などのテキスト（テキストボックスへのdivを変換）、（コンボボックスにdiv要素を変換）を選択し、drowdown（変換ボックスをドロップダウンするためのdiv）

にエディタを追加するには列、プロパティを追加： editor:'editor_type'