使用webix進行數據表編輯

我嘗試設置ON數據表編輯，但我不知道爲什麼它不起作用。檢查使用webix進行數據表編輯

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); 
    } 
}

}）;

我的jsfiddle：http://jsfiddle.net/gdjaero9/40/任何解決方案？

謝謝你的回答。

來源

2017-03-23 Unchained

您還需要設置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} 
    ],

更新小提琴：http://jsfiddle.net/gdjaero9/44/

來源

2017-03-24 10:39:26

該工程！謝謝！ :) – Unchained

雖然您已經定義editable: true，但所有的細胞仍然充當的DIV。因爲您沒有將輸入組件分配給您的單元格。要在選擇單元格時將div轉換爲文本框，您必須將編輯器提供給該列。

有各種編輯：文本（轉換股利文本框），選擇（在div轉換成組合框），drowdown（轉換div來下拉框）等

要在添加編輯器列，添加屬性： editor:'editor_type'

來源

2017-11-06 06:37:10

使用webix進行數據表編輯

回答

相關問題