小编Mik*_*bov的帖子

假设我有一个表格

class SampleClass(forms.Form):
    name = forms.CharField(max_length=30)
    age = forms.IntegerField()
    django_hacker = forms.BooleanField(required=False)

有没有办法让我在每个字段上定义css类,以便我可以在渲染页面中使用基于类的jQuery？

我希望不必手动构建表单.

我似乎无法弄清楚如何在Django中正确处理以下情况:

我在模型中有一个日期范围,我将其存储为两个单独的字段,date_start并且date_end:

start_date = models.DateTimeField()
end_date = models.DateTimeField()

在此模型的表单中,我想将其表示为一个字段,带有一个标签:

timespan = forms.Field(widget=widgets.SelectDateRangeWidget(), label="Date Range")

就像现在一样,我扩展了MultiWidget以创建SelectDateRangeWidget:

class SelectDateRangeWidget(forms.MultiWidget):
    ...

然后包含两个Date小部件.我想使用它,但随后将其清理为两个单独的模型字段,并保留将初始数据加载到表单字段的功能.是每次手动设置initial为这两个字段的值的唯一方法,可能__init__是在表单的功能中,还可以手动将其清理为这两个模型字段,或者是否有更清洁(可以这么说)的方式来执行此操作？

在提交表单时,我想显示"Please wait .."并成功提交从服务器返回的数据.使用jQuery,很容易做到.但是应该有一种React方式,因为React不喜欢这种直接的DOM操作 - 我想.1)我是对的吗？2)如何在表单提交后显示消息？

var FormComp = React.createClass({

    handleSubmit:function(){

    var userName=this.refs.userName.getDOMNode().value.trim();
    var userEmail= this.refs.userEmail.getDOMNode().value.trim();

    if(!userName || !userEmail){

    return;

    }


    this.props.onFormSubmit({userName:userName, userEmail:userEmail,url:"/api/submit"});

    this.refs.userName.getDOMNode().value='';
    this.refs.userEmail.getDOMNode().value='';

    return;

    },

    render: function() {
    var result=this.props.data;

       return (
        <div className={result}>{result.message}</div>

         <form className="formElem" onSubmit={this.handleSubmit}>
            Name: <input type="text" className="userName" name="userName" ref="userName" /><br/>
            Email: <input type="text" className="userEmail" name="userEmail" ref="userEmail" /><br/>
            <input type="submit" value="Submit" />

         <form >

        </div>


        );
      }
    });


    var RC= React.createClass({

    getInitialState: function() {

     return {data: ""};
      },

    onFormSubmit:function(data){

       $.ajax({
          url: this.props.url, …