gistfile1.js

/** @jsx React.DOM */
var React = require('react');
var BuildingAppStore = require('./building-store.js');
var Buildingview = require('./building-buildingDetail.js');
var EditBuilding = require('./building-editBuilding.js');


function getBuildings(){
  return {items: BuildingAppStore.getBuildings()};
}


var Buildings = React.createClass({
    getInitialState:function(){
        return getBuildings();
    },
    componentWillMount:function(){
        BuildingAppStore.addChangeListener(this._onChange);
    },
    componentWillUnmount:function(){
        BuildingAppStore.removeChangeListener(this._onChange);
    },
    _onChange:function(){
        this.setState(getBuildings());
    },
    handleEditBuilding:function(item){
        console.log(item);
    },
    render: function() {
        var buildings = this.state.items.map(function(item){
            return <Buildingview key={item.id} item={item} onEditBuilding={this.handleEditBuilding} />
        })
        return (
            <div>
                <div className="col-md-6">
                    {buildings}
                </div>
                <div className="col-md-6">
                    <EditBuilding />
                </div>
            </div>
        )
    }
});


module.exports = Buildings;