2016-09-30 2 views
0

Ist es möglich, bearbeitbare Spaltenüberschriften in einer Webix-Datentabelle vorzunehmen? Dieser Code wird für die Bearbeitung der Daten in der Tabelle ermöglichen, aber nicht die Header selbst:Editierbare Webix-Datentabelle Spaltenüberschriften

webix.ui({ 
    view:"datatable", 
    editable:true, 
    columns:[ 
     { id:"title", header:"Test", fillspace:true, editor:"text"}], 
    data:[ 
     {title:"random"} 
    ] 
}); 

Antwort

1

Es gibt keine in Lösung gebaut, aber es ist ganz einfach einen externen Editor

http://webix.com/snippet/379ee39b

hinzufügen Sie können innerhalb

webix.ui({ id:"editor", view:"popup", body:{ 
    view:"form", 
    elements:[ 
    { view:"text", name:"header" }, 
    { view:"button", value:"Save", click:function(){ 
     var top = this.getTopParentView(); 
     top.config.callback(top.getBody().getValues().header); 
     top.hide(); 
    }} 
    ] 
}}); 

Und später, verwenden Sie es aus Header-Click-Ereignis einen separaten Popup mit Texteditor erstellen

onHeaderClick:function(id, ev){ 
    var grid = this; 

    $$("editor").getBody().setValues({ 
     header: this.getColumnConfig(id.column).header[0].text 
    }); 
    $$("editor").config.callback = function(value){ 
     grid.getColumnConfig(id.column).header[0].text = value; 
     grid.refreshColumns(); 
    }; 
    $$("editor").show(ev); 
    $$("editor").getBody().focus(); 
    } 
+0

Sehr cool, danke! – Nitro