fix listtable resize clearing. fixes #150.

This commit is contained in:
Christopher Jeffrey 2015-07-04 03:33:42 -07:00
parent 77bd73b4c8
commit ab8e309268
3 changed files with 63 additions and 27 deletions

View File

@ -85,6 +85,8 @@ ListTable.prototype.setData = function(rows) {
var self = this var self = this
, align = this.__align; , align = this.__align;
this.clearPos();
this.clearItems(); this.clearItems();
this.rows = rows || []; this.rows = rows || [];

View File

@ -10,6 +10,24 @@ screen = blessed.screen({
var DU = '杜'; var DU = '杜';
var JUAN = '鹃'; var JUAN = '鹃';
/*
var box = blessed.box({
parent: screen,
top: 'center',
left: 'center',
data: null,
border: 'line',
align: 'center',
tags: true,
keys: true,
width: '90%',
height: '80%',
style: {
bg: 'red'
}
});
*/
var table = blessed.listtable({ var table = blessed.listtable({
parent: screen, parent: screen,
top: 'center', top: 'center',
@ -19,7 +37,8 @@ var table = blessed.listtable({
align: 'center', align: 'center',
tags: true, tags: true,
keys: true, keys: true,
width: '80%', //width: '80%',
width: 'shrink',
height: '70%', height: '70%',
vi: true, vi: true,
mouse: true, mouse: true,
@ -40,15 +59,7 @@ var table = blessed.listtable({
} }
}); });
var data = [ var data1 = [
[ 'Animals', 'Foods', 'Times', 'Numbers' ],
[ 'Elephant', 'Apple', '1:00am', 'One' ],
[ 'Bird', 'Orange', '2:15pm', 'Two' ],
[ 'T-Rex', 'Taco', '8:45am', 'Three' ],
[ 'Mouse', 'Cheese', '9:05am', 'Four' ]
];
var data = [
[ 'Animals', 'Foods', 'Times' ], [ 'Animals', 'Foods', 'Times' ],
[ 'Elephant', 'Apple', '1:00am' ], [ 'Elephant', 'Apple', '1:00am' ],
[ 'Bird', 'Orange', '2:15pm' ], [ 'Bird', 'Orange', '2:15pm' ],
@ -56,15 +67,30 @@ var data = [
[ 'Mouse', 'Cheese', '9:05am' ] [ 'Mouse', 'Cheese', '9:05am' ]
]; ];
data[1][0] = '{red-fg}' + data[1][0] + '{/red-fg}'; data1[1][0] = '{red-fg}' + data1[1][0] + '{/red-fg}';
data[2][0] += ' (' + DU + JUAN + ')'; data1[2][0] += ' (' + DU + JUAN + ')';
table.setData(data); var data2 = [
[ 'Animals', 'Foods', 'Times', 'Numbers' ],
[ 'Elephant', 'Apple', '1:00am', 'One' ],
[ 'Bird', 'Orange', '2:15pm', 'Two' ],
[ 'T-Rex', 'Taco', '8:45am', 'Three' ],
[ 'Mouse', 'Cheese', '9:05am', 'Four' ]
];
table.focus(); data2[1][0] = '{red-fg}' + data2[1][0] + '{/red-fg}';
data2[2][0] += ' (' + DU + JUAN + ')';
screen.key('q', function() { screen.key('q', function() {
return process.exit(0); return process.exit(0);
}); });
table.focus();
table.setData(data2);
screen.render(); screen.render();
setTimeout(function() {
table.setData(data1);
screen.render();
}, 3000);

View File

@ -18,7 +18,8 @@ var table = blessed.table({
border: 'line', border: 'line',
align: 'center', align: 'center',
tags: true, tags: true,
width: '80%', //width: '80%',
width: 'shrink',
style: { style: {
border: { border: {
fg: 'red' fg: 'red'
@ -33,15 +34,7 @@ var table = blessed.table({
} }
}); });
var data = [ var data1 = [
[ 'Animals', 'Foods', 'Times', 'Numbers' ],
[ 'Elephant', 'Apple', '1:00am', 'One' ],
[ 'Bird', 'Orange', '2:15pm', 'Two' ],
[ 'T-Rex', 'Taco', '8:45am', 'Three' ],
[ 'Mouse', 'Cheese', '9:05am', 'Four' ]
];
var data = [
[ 'Animals', 'Foods', 'Times' ], [ 'Animals', 'Foods', 'Times' ],
[ 'Elephant', 'Apple', '1:00am' ], [ 'Elephant', 'Apple', '1:00am' ],
[ 'Bird', 'Orange', '2:15pm' ], [ 'Bird', 'Orange', '2:15pm' ],
@ -49,13 +42,28 @@ var data = [
[ 'Mouse', 'Cheese', '9:05am' ] [ 'Mouse', 'Cheese', '9:05am' ]
]; ];
data[1][0] = '{red-fg}' + data[1][0] + '{/red-fg}'; data1[1][0] = '{red-fg}' + data1[1][0] + '{/red-fg}';
data[2][0] += ' (' + DU + JUAN + ')'; data1[2][0] += ' (' + DU + JUAN + ')';
table.setData(data); var data2 = [
[ 'Animals', 'Foods', 'Times', 'Numbers' ],
[ 'Elephant', 'Apple', '1:00am', 'One' ],
[ 'Bird', 'Orange', '2:15pm', 'Two' ],
[ 'T-Rex', 'Taco', '8:45am', 'Three' ],
[ 'Mouse', 'Cheese', '9:05am', 'Four' ]
];
data2[1][0] = '{red-fg}' + data2[1][0] + '{/red-fg}';
data2[2][0] += ' (' + DU + JUAN + ')';
screen.key('q', function() { screen.key('q', function() {
return process.exit(0); return process.exit(0);
}); });
table.setData(data2);
screen.render(); screen.render();
setTimeout(function() {
table.setData(data1);
screen.render();
}, 3000);