मैं एक वेब-आधारित डैशबोर्ड निर्माण कर रहा हूँ, और मैं Twitter Bootstrap से रेडियो बटन का उपयोग करने के लिए क्वेरी है कि तब (Flask के माध्यम से) MongoDB के खिलाफ चलाए जा रहे हैं बनाने में आपकी मदद करना चाहते हैं के साथ ट्विटर बूटस्ट्रैप रेडियो बटन, तो ताज़ा करता है जो नए जनसंख्या वाले डेटा के साथ पृष्ठ। मैं वेब-आधारित डैशबोर्ड बनाने में नया हूं, इसलिए कृपया मुझे बताएं कि ऐसा करने के बेहतर तरीके हैं या नहीं।का प्रयोग बोतल
{% 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 %}
यह रेडियो बटन उत्पन्न करता है और पता लगाने के लिए जो बटन क्लिक किया गया था जावा स्क्रिप्ट कोड का उपयोग करता है, जो तब भेजता है डाटा प्रोसेसिंग के लिए request.Form
वस्तु के माध्यम से वापस।
स्क्रीन अपडेट होने के बाद मैं प्रत्येक बटन-बार पर सक्रिय बॉक्स कैसे सेट करूं? क्या मुझे कुछ बटन {{if request.option1 == ?}}
ब्लॉक लिखना है, फिर प्रत्येक बटन के लिए class="btn active"
परिभाषित करना है, या ऐसा करने का एक और चालाक (या स्पष्ट) तरीका है? साथ ही, मैं डिफ़ॉल्ट/प्रारंभिक स्थितियों को कैसे सेट करूं? क्या मुझे अनुरोध ऑब्जेक्ट में संबंधित फ़ील्ड को पूर्व-पॉप्युलेट करना चाहिए?
साथ ही, क्या ऊपर से जावास्क्रिप्ट कोड का उपयोग किए बिना चयनित बॉक्स को फ्लास्क में पास करना संभव है?