Feature Request: Tabulator Custom Editors about kvision HOT 7 CLOSED

val dateEditor = fun(cell: CellComponent, onRendered: dynamic, success: dynamic, cancel: dynamic, editorParams: dynamic): Element {
    //cell - the cell component for the editable cell
    //onRendered - function to call when the editor has been rendered
    //success - function to call to pass the successfuly updated value to Tabulator
    //cancel - function to call to abort the edit and return to a normal cell
    //editorParams - params object passed into the editorParams column definition property

    //create and style editor
    var editor = document.createElement("input")

    editor.setAttribute("type", "date")

    //create and style input
    editor.style.padding = "3px";
    editor.style.width = "100%";
    editor.style.boxSizing = "border-box";

    //Set value of editor to the current value of the cell
    editor.setAttribute("value", Moment(cell.getValue() as String).format("YYYY-MM-DD"))

    //set focus on the select box when the editor is selected (timeout allows for editor to be added to DOM)
    onRendered(fun(){
        editor.focus()
        editor.style.css = "100%"
    })

    //when the value has been set, trigger the cell to update
    fun successFunc(){
        success(Moment(editor.getAttribute("value") ?: "", "YYYY-MM-DD").format("DD/MM/YYYY"))
    }

    editor.addEventListener("change", {successFunc()})
    editor.addEventListener("blur", {successFunc()})

    //return the editor element
    return editor
}

...
ColumnDefinition("DATE", "date", editor = dateEditor, formatter = Formatter.DATETIME),
...

val dateEditor = fun(cell: CellComponent, onRendered: dynamic, success: dynamic): dynamic {
    //cell - the cell component for the editable cell
    //onRendered - function to call when the editor has been rendered
    //success - function to call to pass the successfuly updated value to Tabulator

    //create and style editor
    val editor = document.createElement("input")

    editor.setAttribute("type", "date")

    //create and style input
    editor.setAttribute("padding", "3px")
    editor.setAttribute("width", "100%")
    editor.setAttribute("boxSizing", "border-box")

    //Set value of editor to the current value of the cell
    editor.setAttribute("value", Moment(cell.getValue() as String).format("YYYY-MM-DD"))

    //when the value has been set, trigger the cell to update
    fun successFunc(){
        success(Moment(editor.getAttribute("value") ?: "", "YYYY-MM-DD").format("DD/MM/YYYY"))
    }

    editor.addEventListener("change", {successFunc()})
    editor.addEventListener("blur", {successFunc()})

    //return the editor element
    return editor
}
.....
 ColumnDefinition("DATE", "date", formatterFunction = dateEditor),
.....