started creating spreadsheet component
This commit is contained in:
@@ -1,16 +1,38 @@
|
||||
/** @jsx React.DOM */
|
||||
|
||||
var React = require('react');
|
||||
var ChooseFile = require('./ChooseFile.react');
|
||||
var LocalStore = require('../stores/LocalStore');
|
||||
|
||||
|
||||
var getStateFromStore = function () {
|
||||
return {
|
||||
columns: LocalStore.getColumns(),
|
||||
data: LocalStore.getDataForColumns()
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
var SpreadSheet = React.createClass({
|
||||
|
||||
render: function() {
|
||||
return (
|
||||
<div className="spreadsheet">
|
||||
<ChooseFile />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
getInitialState: function() {
|
||||
return getStateFromStore();
|
||||
},
|
||||
|
||||
render: function () {
|
||||
|
||||
var columns = this.state.columns.map(function (column) {
|
||||
return(<th>{column}</th>);
|
||||
});
|
||||
|
||||
|
||||
return (
|
||||
<table className="spreadsheet">
|
||||
<tr>
|
||||
{columns}
|
||||
</tr>
|
||||
</table>
|
||||
);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user