2015-07-22 3 views
0

Я пытаюсь заполнить Соединяемые объекты. Например:Доступные данные пользовательских объектов

var data = [ 
    [{title: 'A1', style: '...'}, {title: 'B1', style: '...'}], 
    [{title: 'A2', style: '...'}, {title: 'B2', style: '...'}], 
]; 

Теперь я хочу, чтобы Handsontable визуализирует только атрибут заголовка в клетки, а не стиль. Атрибут style используется для рендеринга ячеек со специальным fomatting. Как сообщить Handsontable использовать атрибут title?

+0

Вы смотрели на [источник данных объекта с отображением столбца] (http://docs.handsontable.com/0.16.0/tutorial-data-sources.html#page-nested) документы? Кроме того, вы могли бы предоставить скрипку, чтобы ваш пример работал? –

+0

Да, пожалуйста, ознакомьтесь с документацией, это очень простой пример использования, который в значительной степени документирован и должен быть таким же простым, как и поиск в Google. – ZekeDroid

ответ

1
var data = [ 
    [{title: 'A1', style: '...'}, {title: 'B1', style: '...'}], 
    [{title: 'A2', style: '...'}, {title: 'B2', style: '...'}], 
]; 

var filterArrays = function (arys) { 
    let ret = []; 
    for (let i = 0; i < data.length; i++) { 
     let ary = []; 
     for (let j = 0; j < data[i].length; j++) { 
      ary.push(data[i][j].title); 
     } 
     ret.push(ary); 
    } 
    return ret; 
} 

var titles = filterArrays(data); 

Здесь могут быть

titles = [ 
    ['A1', 'B1'], 
    ['A2', 'B2'] 
]; 

Таким образом, вы можете использовать заголовки в качестве данных. И, строя свои ячейки для каждой ячейки, пожалуйста, проверьте следующее.

hot = new Handsontable(container, { 
    data: titles, 
    ... 
    cells: function (row, col, prop) { 
     cellProperties.renderer = function (instance, td, row, col, prop, value, cellProperties) { 
      Handsontable.renderers.TextRenderer.apply(this, arguments); 
      td.style = data[row][col].style; 
     }; 
    }, 
    ... 
}); 
+0

Это прекрасно работает со мной. –

1

handsontable data не предназначен для создания стиля для ячеек. Для того, чтобы определить стили ячеек я рекомендую вам носить эту ссылку

http://docs.handsontable.com/0.15.1/demo-conditional-formatting.html

Но если ваша идея состоит в том, чтобы иметь скрытые столбцы, например, код, я оставляю этот пример

<script> 

var options = { 
columns: CutObject(data) 
} 

function CutObject(data){ 
return data.slice(1);//hide firt column 
} 

</script> 
Смежные вопросы