mirrors/wagtail
mirrors/wagtail
0
0
Fork 0
mirror of https://github.com/wagtail/wagtail.git synced 2024-12-01 11:41:20 +01:00
Code Issues Releases Wiki Activity

Added code to for resizing the table as rows are added.

Browse Source
This commit is contained in:
Brad Busenius 2016-04-15 14:25:09 -05:00 committed by Matt Westcott
parent 21bc99c11d
commit 1431876209
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
wagtail/contrib/table_block/__init__.py
View File

@ -52,7 +52,7 @@ class TableBlock(FieldBlock):
'contextMenu': True,
'editor': 'text',
'stretchH': 'all',
'height': 400,
'height': 108,
'language': language,
'renderer': 'html',
'autoColumnSize': False,

17
wagtail/contrib/table_block/static/table_block/js/table.js
View File

@ -13,9 +13,20 @@ function initTable(id, tableOptions) {
var cellEvent;
var structureEvent;
var dataForForm = null;
var height = null;
var getWidth = function() {
return $('.widget-table_input').closest('.sequence-member-inner').width();
};
var getHeight = function() {
var tableParent = $('#' + id).parent();
return tableParent.find('.htCore').height() + (tableParent.find('.input').height() * 2);
};
var resizeTargets = ['.wtHider', '.wtHolder', '.handsontable'];
var resizeHeight = function(height) {
$.each(resizeTargets, function() {
$(this).height(height);
});
};
try {
dataForForm = $.parseJSON(hiddenStreamInput.val());
@ -44,7 +55,7 @@ function initTable(id, tableOptions) {
}
if (!tableOptions.hasOwnProperty('width')) {
// Size to footer width if width is not given in tableOptions
// Size to parent .sequence-member-inner width if width is not given in tableOptions
$(window).resize(function() {
hot.updateSettings({
width: getWidth()
@ -69,6 +80,7 @@ function initTable(id, tableOptions) {
};
structureEvent = function(index, amount) {
resizeHeight(getHeight());
persist();
};
@ -88,7 +100,8 @@ function initTable(id, tableOptions) {
hot = new Handsontable(document.getElementById(containerId), finalOptions);
hot.render(); // Call to render removes 'null' literals from empty cells
// Apply resize after document is finished loading (footer width is set)
// Apply resize after document is finished loading (parent .sequence-member-inner width is set)
resizeHeight(getHeight());
if ('resize' in $(window)) {
$(window).load(function() {
$(window).resize();