0

这是我的模型的设置方式:

class ModelA(models.Model):
    user = models.ForeignKey(User)
    modelB = models.ForeignKey('ModelB', related_name='modelB')
    # more fields here

class ModelB(models.Model):
    user = models.ForeignKey(User)
    # more fields here

两个类中的用户字段只是为了让同一用户稍后可以查询这两个字段。

我有一个 ModelB 的 ModelForm,我希望用户能够用动态数量的 ModelA 实例填写一个 ModelB ModelForm。我希望 ModelB 的表格从填写 1 个 ModelA 实例开始,然后用户应该能够将更多 ModelA 添加到 ModelB 的表格中。

我坚持将其作为个人项目,并且真的很想继续前进。谢谢你的帮助!

编辑1:我知道我很可能需要通过重载 ModelForms 来做一些工作def __init__,但这就是我所得到的。此外,我正在使用 ClassBasedGeneric 视图(CreateView 让添加工作和 EditView 稍后),但如果需要,我愿意远离它。

4

1 回答 1

1

您需要django 内联表单集

鉴于:

f_set = inlineformset_factory(ModelB, ModelA, extra=1)

在模板中,假设您正在渲染 form_set,div其 id 为one_to_many

<form>
   <div id="one_to_many">
       {{f_set.as_table}}
   </div>
</form>

#This will render some thing like this
<form>
    <div id="one_to_many">
        <table>
            <tr>
               <th>
                   <label for="id_form-0-field_name">Field Name:</label>
               </th>
               <td>
                  <input id="id_form-0-field_name" type="text" name="form-0-field_name" value="" maxlength="100" />
                  <input type="hidden" name="form-0-id" value="1" id="id_form-0-id" />  
                </td>
            </tr>
        </table>
        <input type="button" value="Add More Field" id="add_more">
    </div>
</form>

现在jquery动态添加字段的部分:

$(document).ready(function(){
        $('#add_more').click(function(){
            var tbl = $('#one_to_many').children('table');
            var last_id = parseInt(tbl.find('input[type=hidden]').last().val());
            var next_id = last_id + 1;
            htm = '<tr><th><label for="id_form-'+last_id+'-field_name">Field Name:</label></th><td><input id="id_form-'+last_id+'-field_name" type="text" name="form-'+last_id+'-field_name" value="" maxlength="100" /><input type="hidden" name="form-'+last_id+'-id" value="'+next_id+'" id="id_form-'+last_id+'-id" /></td></tr>'
            tbl.find('tr').last().after(htm);

        });    
    });

您可以在jsfiddle上对此进行测试。请注意,这仅在您呈现表单时才有效as_table

于 2012-11-15T20:22:03.500 回答