Tag: flask wtforms

使用Flask Jinja2和WTForms隐藏表单组: 我正在尝试根据表单另一部分中复选框的状态显示或隐藏表单字段。我认为我可以用jQuery .show（）或.hide（）相对容易地做到这一点，但到目前为止我没有太多运气。有什么想法吗？表单类： class MyForm(Form): checked = BooleanField(‘Check this box:’) date = DateField(‘Date:’, format=’%Y-%m-%d’, id=”dates”) submit = SubmitField(‘Submit’) 模板： {% import “bootstrap/wtf.html” as wtf %} {% block content %} {{ form.hidden_tag() }} {{ wtf.form_field(form.checked) }} {{ wtf.form_field(form.date) }} {{ wtf.form_field(form.submit) }} {% endblock %} {% block scripts %} jQuery(document).ready(function() { $(“#checked”).change(function() { if(this.checked) […]

如何在不刷新页面的情况下在烧瓶中创建链式选择域？: 我目前正在使用wtf处理地址表单，其中包含Country，State，City ..等等。数据库全部使用FK设置。 class Country(db.Model): __tablename__ = ‘countries’ id = db.Column(db.Integer, primary_key=True) name = db.Column(db.String(64), unique=True) users = db.relationship(‘User’, backref=’countries’, lazy=’dynamic’) class City(db.Model): __tablename__ = ‘cities’ id = db.Column(db.Integer, primary_key=True) name = db.Column(db.String(64), unique=True) countries_id = db.Column(db.Integer, db.ForeignKey(‘countries.id’)) 现在我正在尝试实现链式选择域排序效果以优化用户体验。期望的效果是不离开或刷新页面以使selectfield拉取数据取决于先前的选择字段。例如，用户在国家/地区选择澳大利亚，然后国家的第二个选择区域应仅包含澳大利亚的州。我已经对这个主题做了一些研究，但却无法提出令人满意的解决方案。以下是我发现的两种可能尚未解决的解决方案。 1.使用jQuery-plugin，例如Chained。但是，此插件需要逐行编码。如果我采用这种解决方案，那么至少会有另外400多条线路，这不是非常pythonic。例如： — 3 series 5 series 6 series A3 […]

AJax不能与bootstrap-select一起使用: 我找到了flask-jquery-ajax示例，其中用户从车辆“Make”下拉菜单中选择项目，通过对所选择的make的模型列表发出AJAX请求来填充车辆“Model”下拉菜单。我试图通过bootstrap-select替换下拉菜单，只要我在第二个下拉菜单中包含class =“selectpicker form-control” ，它就会在选择第一个下拉菜单后再填充它。这是HTML模板： Flask Jquery AJAX Drop Down Menu Example Select Vehicle Make: {{ form.make(id=”make_select”, class=”selectpicker form-control”) }} Model: {{ form.model(id=”model_select”, class=”selectpicker form-control”) }} Submit {% if chosen_make %} You selected: Make ID: {{ chosen_make }} Model ID: {{ chosen_model }} {% endif %} $(‘.selectpicker’).selectpicker(); 这是负责填充下拉菜单的JavaScript 代码： $(“#make_select”).change(function() { var […]