Я создаю веб-панель инструментов, и я бы хотел использовать радиокнопки из Twitter Bootstrap, чтобы помочь создать запросы, которые затем выполните MongoDB (через Flask), который затем обновляет ту же страницу с недавно заполненными данными. Я новичок в создании веб-панелей, поэтому, пожалуйста, дайте мне знать, если есть лучшие способы сделать это.
{% extends "base.html" %}
{% block content %}
<div class="row">
<div class="span4 offset4">
<div class="well">
<legend>Click me!</legend>
<form method="POST" action="" accept-charset="UTF-8">
{% if error %}
<div class="alert alert-error">
<a class="close" data-dismiss="alert" href="#">x</a>{{ error }}
</div>
{% endif %}
<div id="radios1" class="btn-group view-opt-btn-group" data-toggle="buttons-radio">
<button type="button" class="btn active" name="choice1" value="A">A</button>
<button type="button" class="btn" name="choice1" value="B">B</button>
<button type="button" class="btn" name="choice1" value="C">C</button>
<button type="button" class="btn" name="choice1" value="D">D</button>
<button type="button" class="btn" name="choice1" value="E">E</button>
<input type="hidden" name="choice1" value={{request.form['choice1']}} />
</div>
<script type="text/jscript">
$("body").find("#radios1").children().each(function () {
$(this).bind('click', function () {
$("input[name=choice1]").val(this.value);
});
});
</script>
<button class="btn-info btn" input type="submit">Submit</button>
</form>
</div>
</div>
</div>
{% endblock %}
Это создает радиокнопки и использует код JavaScript для определения того, какая кнопка была нажата, а затем отправляет эти данные через объект request.Form
для обработки.
Как настроить активное поле на каждой из кнопок после обновления экрана? Должен ли я писать какой-то блок {{if request.option1 == ?}}
, чтобы затем определить class="btn active"
для каждой кнопки, или есть более умный (или очевидный) способ сделать это? Также, как установить условия по умолчанию/инициализации? Должен ли я предварительно заполнять соответствующие поля в объекте запроса?
Кроме того, возможно ли передать выбранные флажки в Flask без использования кода JavaScript выше?