node-swallowjs/src/tags/Transfer.jsx

epp portal

var Transfer = React.createClass({
    mixins: [FormMixin],
    getInitialState() {
        return {name:'', value:''}
    },
    getParam() {
        return {
            obj: this.props.obj,
            name: TRIM(this.state.name),
            pw: TRIM(this.state.pw)
        }
    },
    handleSubmit(e) {
        api.transfer('request', this.getParam(), function(code, data) {
            switch(code) {
            case '1000':
                this.props.onFinish();
                break;
            case '2501':
                logout();
                break;
            default:
                this.setState({value: data});
            }
        }.bind(this));
    },
    render() {
        return (
            <div>
            <table className="formtable" border="0" align="center">
            <tbody>
              <tr>
                <td align="center" colSpan="2"><strong>申请转入</strong></td>
              </tr>
              <tr>
                <td>转入{{domain:'域名', contact:'联系人'}[this.props.obj]}:</td>
                <td>
                  <input {...this.linkState({
                      name: 'name',
                      type: 'text',
                      size: '40',
                      onFocus: this.onSetState({name:'', value:''})
                  })}/>
                </td>
              </tr>
              <tr>
                <td>转移密码:</td>
                <td>
                  <input {...this.linkState({
                      name: 'pw',
                      type: 'text',
                      size: '16',
                      onFocus: this.onSetState({pw:'', value:''})
                  })}/>
                </td>
              </tr>
              <tr>
                <td colSpan="2" align="center">
                  <input type="button" value="提交" onClick={this.handleSubmit}/>
                </td>
              </tr>
            </tbody>
            </table>
            <OpResult content={this.state.value} />
            </div>
        )
    }
});