Handsontable edit column header and save to localStorage data header

222
13 ноября 2017, 19:54

Возможно ли редактировать column header с возможностью сохранять/ данные заголовка в localStorage?

Пробовал разные варианты:

 colHeaders: function (index) {
     var textbox = '<input type="text" class="header-input-value" value="' + colHeadings[index] + '" />';
     return textbox;
 },
 afterOnCellMouseDown: function (sender, e) {
     if (e.row === -1) {
         this.getInstance().deselectCell();
     }
 }

Этот к примеру не сохраняется и появляются баги

 Handsontable.dom.addEvent(container, 'keyup', function (event) {
     if (event.target.nodeName == 'SPAN' && event.target.className == 'colHeader') {
       var elementDiv = $(event.target);
         // event.stopPropagation();
         event.stopImmediatePropagation();
         console.log("keyup:", elementDiv.html());
         // var result = getHeadersItems();
         // result = array_unique(result);
         // result = getValueItems(result);
         // updateHeaders(result);
         // console.log(elementDiv);
         elementDiv.focusout(function() {
                 var result = getHeadersItems();
                 result = array_unique(result);
                 result = getValueItems(result);
                 console.log(result);
                 updateHeaders(result);
                 console.log("focus aut");
             }
         );
     }
 });
setEditableSpan();
 function setEditableSpan()
 {
     $("span").attr('contentEditable', true);
 }
 function getHeadersItems()
 {
     var    result;
     result = $("span.colHeader");
     return result;
 }
 function getValueItems(data) {
     var result;
     result = data.map(function(items, index, arr){
         return $(items).html();
     });
     return result;
 }
 function array_unique(array) {
     var unique = [];
     var length = array.length;
     if(length) {
         unique = array.splice(length / 2, length);
     }
     return unique;
 }
 function updateHeaders(headers)
 {
     hot.updateSettings({
         colHeaders: headers
     });
 }

Спасибо!

READ ALSO
Помогите выстроить селекторы

Помогите выстроить селекторы

Как построить селектор к strong во 2 по счету абзаце

256
Маска номера телефона

Маска номера телефона

Ребята, добрый день,помогите написать функцию для инпута, что бы был формат ввоа номера номера телефона вот такого примера: +38(_ _ ) _ _ - _ _ - _ _ Подключена...

266
Нет доступа к id

Нет доступа к id

Когда тапаю на кнопку, то пишет, что

283