React.createClass({ mixins: [ Router.Navigation, Router.State ], render: function () { return ( <div data-zz="ll"> <h3>Detail</h3> <span>{this.getParams()._id}</span> </div> ); } })
React.createClass({ mixins: [Reflux.ListenerMixin, Router.Navigation], componentDidMount: function() { this.listenTo(buildsStore, this.navigateToBuild); BuildActions.readAll({limit: 1}); }, navigateToBuild: function(builds) { if (builds.length) { this.transitionTo('build', {id: builds[0].id}); } else { this.transitionTo('projectRunForm'); } }, // dummy render method, coz no view needed render: function() { return React.createElement('div'); } })
React.createClass({ mixins: [ Router.Navigation ], createContact: function (event) { event.preventDefault(); ContactStore.addContact({ first: this.refs.first.getDOMNode().value, last: this.refs.last.getDOMNode().value }, function (contact) { this.transitionTo('contact', { id: contact.id }); }.bind(this)); }, render: function () { return ( <form onSubmit={this.createContact}> <p> <input type="text" ref="first" placeholder="First name"/> <input type="text" ref="last" placeholder="Last name"/> </p> <p> <button type="submit">Save</button> <Link to="/">Cancel</Link> </p> </form> ); } })
React.createClass({ mixins: [Router.Navigation], handleSubmit: function() { var username = this.refs.username.getDOMNode().value; this.refs.username.getDOMNode().value = ''; this.transitionTo('profile', {username: username}); }, render: function(){ return ( <div className="col-sm-12"> <form onSubmit={this.handleSubmit}> <div className="form-group col-sm-7"> <input type="text" className="form-control" ref="username" /> </div> <div className="form-group col-sm-5"> <button type="submit" className="btn btn-block btn-primary">Search Github</button> </div> </form> </div> ) } })
React.createClass({ mixins: [ Router.Navigation, Router.State ],
React.createClass({ mixins: [ Router.Navigation ], statics: {
React.createClass({ mixins: [ Router.Navigation, Router.State ], cb:null, onStoreChange: function() {
React.createClass({ mixins: [Reflux.ListenerMixin, Router.Navigation], componentDidMount: function() { this.listenTo(projectsStore, this.updateItems);
React.createClass({ mixins: [ Router.Navigation ],
React.createClass({ mixins: [ Router.Navigation ], createContact(event) { event.preventDefault(); ContactStore.addContact({ first: this.refs.first.getDOMNode().value, last: this.refs.last.getDOMNode().value }, (contact) => { this.transitionTo('contact', { id: contact.id }); }); }, render() { return ( <form onSubmit={this.createContact}> <p> <input ref="first" placeholder="First name"/> <input ref="last" placeholder="Last name"/> </p> <p> <button type="submit">Save</button> {' '} <Link to="/">Cancel</Link> </p> </form> ); } })
React.createClass({ mixins: [ Router.Navigation, Router.State ], render: function () { return ( <div data-xx="gg"> <h3>List</h3> <ul> <li> asdasd </li> <li> asdasdasd </li> <li> sdfsfsdf </li> </ul> </div> ); } })
React.createClass({ mixins: [ Router.Navigation ],
React.createClass({ mixins: [ Router.Navigation ],
React.createClass({ mixins: [ Router.Navigation ], createContact: function (event) { event.preventDefault(); ContactStore.addContact({ first: this.refs.first.getDOMNode().value, last: this.refs.last.getDOMNode().value }, function (contact) { this.transitionTo('contact', { id: contact.id }); }.bind(this)); }, render: function () { return ( <form onSubmit={this.createContact}> <p> <input type="text" ref="first" placeholder="First name"/> <input type="text" ref="last" placeholder="Last name"/> </p> <p> <button type="submit">Save</button> <Link to="/">Cancel</Link> </p> </form> ); } })
React.createClass({ mixins: [ Router.Navigation, Router.State ],