37 lines
863 B
JavaScript
37 lines
863 B
JavaScript
|
/** @jsx React.DOM */
|
||
|
|
||
|
var Next = React.createClass({
|
||
|
render: function() {
|
||
|
return (
|
||
|
<Nav
|
||
|
disabled={this.props.disabled}
|
||
|
style={this.props.style}
|
||
|
onClick={function(event) {
|
||
|
this.props.onClick(event);
|
||
|
}.bind(this)}
|
||
|
title="next"
|
||
|
/>
|
||
|
);
|
||
|
},
|
||
|
|
||
|
handler: function(e) {
|
||
|
if (e.which == 39) {
|
||
|
this.props.onClick(e);
|
||
|
e.preventDefault();
|
||
|
}
|
||
|
},
|
||
|
|
||
|
componentDidMount: function() {
|
||
|
this.boundhandler = this.handler.bind(this);
|
||
|
$(document).keydown(this.boundhandler);
|
||
|
},
|
||
|
|
||
|
componentWillUnmount: function() {
|
||
|
if (this.boundhandler) {
|
||
|
$(document).unbind('keydown', this.boundhandler);
|
||
|
this.boundhandler = null;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
});
|