首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用django-crispy-forms操作表单组和控件div?

如何使用django-crispy-forms操作表单组和控件div?
EN

Stack Overflow用户
提问于 2015-08-29 04:33:09
回答 1查看 1.7K关注 0票数 2

我在Twitter Bootstrap 3上使用Django 1.8和Crispy-Forms

这是我目前所拥有的:

代码语言:javascript
复制
self.helper.layout = Layout(
    ...
    'address',
    StrictButton('Find address', id='find_address', css_class='btn-primary'),
)

这将输出以下内容:

代码语言:javascript
复制
<div id="div_id_address" class="form-group">
    <label for="id_address" class="control-label">Address</label>
    <div class="controls">
        <input class="textinput textInput form-control" id="id_address" maxlength="100" name="address" type="text" value="" />
    </div>
</div>
<button id="find_address" class="btn btn-primary" type="button">Find address</button> 

我希望输出的内容(添加到controls div中的类form-inline和按钮find_address ):

代码语言:javascript
复制
<div id="div_id_address" class="form-group">
    <label for="id_address" class="control-label">Address</label>
    <div class="controls form-inline">
        <input class="textinput textInput form-control" id="id_address" maxlength="100" name="address" type="text" value="" />
        <button id="find_address" class="btn btn-primary" type="button">Find address</button> 
    </div>
</div>

这会将按钮与输入字段对齐。有没有可能用易碎的表单来实现这一点?我想不出来。谢谢!

EN

回答 1

Stack Overflow用户

发布于 2015-08-30 15:04:08

也许吧

代码语言:javascript
复制
FieldWithButtons(
    'address', 
    StrictButton('Find address', id='find_address', css_class='btn-primary')
)

可能是个解决方案。

请参阅http://django-crispy-forms.readthedocs.org/en/latest/layouts.html#bootstrap-layout-objects

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32279346

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档