react_I 一个导航条

'use strict';

var React = require('react');
var Reflux = require('reflux');
var _ = require('lodash');

var actions = require('../actions');

var Nav_config =[
    {
        name : '保存' ,
        bindTo : 'save'
    },
    {
        name : '新建' ,
        bindTo : 'create'
    },
    {
        name : '打开' ,
        bindTo : 'open'
    },
    {
        name : '撤销',
        bindTo : ''
    },
    {
        name :'恢复' ,
        bindTo : ''
    }
];

let YzNav = React.createClass({
    handleClick : function(){
        console.log(1);
        switch (this.props.bindTo) {
            case 'create':
                actions.create({header: 'header'});
                break;
            case 'open':
                actions.project.open({header: 'header'});
                break;
            case 'save':
                actions.save({header: 'header'});
                break;
            case 'close':
                actions.close({header: 'header'});
                break;
            case 'close-solution':
                actions.closeSolution({header: 'header'});
            default:
                break;
        }
    },
    render:function(){
        return (
            <a onClick={this.handleClick}>{this.props.name}</a>
        );
    }
});

let YzNavs = React.createClass({

    render: function () {
        let Navs = [];
        Nav_config.forEach(function (tool, key) {
            Navs[key] = <YzNav name={tool.name} bindTo={tool.bindTo} key={key} />
        });
        return (
            <div className="fix">
                <nav>
                    {Navs}
                </nav>
            </div>
            );
    }
});

let YzTest = React.createClass({
    render: function () {
        return (
            <div className='fix'>
                <b>Yz_Test</b>
                <YzNavs />
            </div>
            );
    }
});

module.exports = YzTest;