React EasyUI 表單

表單（ Form ）提供多種方法來執(zhí)行帶有表單字段的動作。 表單（ Form ）可調(diào)用validate方法以檢查表單是否有效。

屬性列表

• rules 屬性代碼示例：

rules: {
    name: ["required", "length[5,10]"],
    email: "email",
    hero: "required",
    addr: {
        "required":true,
        "myrule":{
            "validator": (value) => {
                if (...){
                    return true;
                } else {
                    return Promise(resolve => {
                        //...
                        resolve(true);
                    });
                }
            },
            "message": "my error message."
        }
    }
}

事件列表

方法列表

注：
- 繼承： LocaleBase 。

使用方法

<Form model={user} onChange={this.handleChange.bind(this)}>
  <div style={{ marginBottom: '20px' }}>
    <Label htmlFor="name" align="top">Name:</Label>
    <TextBox inputId="name" name="name" value={user.name}></TextBox>
        </div>
        <div style={{ marginBottom: '20px' }}>
        <Label htmlFor="email" align="top">Email:</Label>
        <TextBox inputId="email" name="email" value={user.email}></TextBox>
    </div>
    <div style={{ marginBottom: '20px' }}>
    <Label htmlFor="hero" align="top">Select a hero:</Label>
    <ComboBox inputId="hero" data={heroes} name="hero" value={user.hero}></ComboBox>
</div>
<div style={{ marginBottom: '20px' }}>
<CheckBox inputId="accept" name="accept" checked={user.accept}></CheckBox>
<Label htmlFor="accept" style={{width:100}}>Accept Me</Label>
</div>
<div style={{ marginBottom: '20px' }}>
<LinkButton onClick={this.handleSubmit.bind(this)}>Submit</LinkButton>
</div>
</Form>