mirror of
https://github.com/embarklabs/neo-blessed.git
synced 2025-02-27 01:50:44 +00:00
fix listtable resize clearing. fixes #150.
This commit is contained in:
parent
77bd73b4c8
commit
ab8e309268
@ -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 || [];
|
||||||
|
@ -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);
|
||||||
|
@ -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);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user