[英]Dojo. How to add attributes in form elements?
我有一種形式,其中使用聲明性語法將小部件置為無效。
<script>
require(["dojo/parser",
"dijit/form/Form",
"dijit/form/Button",
"dijit/form/ValidationTextBox",
"dijit/form/DateTextBox" ,
"dojox/validate/web",
"dojox/form/PasswordValidator",
"dijit/form/FilteringSelect" ,
"dijit/form/Button",
"dijit/form/Select",
"dojo/dom",
"dojo/dom-attr"
]);
<div data-dojo-type="dijit/form/Form" id="signupForm" data-dojo-id="signupForm"
encType="multipart/form-data" action="" method="">
<input type='hidden' name='csrfmiddlewaretoken' value='xxxxxxxxxxxx' />
<label for="id_username">Username:</label>
<input autofocus="autofocus" data-dojo-type="dijit/form/ValidationTextBox" id="id_username" maxlength="30" name="username" placeholder="Username" type="text" />
此表單是根據django模板構建的,我想使用django SelectDateWidget來顯示日期,月份和年份的三個小部件。 問題是無法在模板中單獨顯示這些字段。 將它們加載到瀏覽器后,我必須添加dojo屬性。 就像是
<script>
dojo.attr(dom.byId("id_birth_date_month"), {data-dojo-type:"dijit/form/Select", data-dojo-id:"monthSelect"});
dojo.attr(dom.byId("id_birth_date_year"), {data-dojo-type:"dijit/form/Select", data-dojo-id:"monthSelect"});
</script>
上述課程無效。 我該怎么做?
我發現了兩種方法可以做到這一點。 我希望他們能幫助別人。
首先道場的方式
<script>
require(["dojo/parser",
"dijit/form/Select",
"dojo/dom"], function (parser, Select, dom) {
dojo.attr(dom.byId("id_birth_date_month"), {"data-dojo-type":dijit/form/Select",
"data-dojo-id": "monthSelect"});
// similar lines for day and year
});
</script>
<!-- ...later in the code-->
<select id="id_birth_date_month">
...
</select>
<!-- two other similar selects for day and year-->
這是一種加載到浮動窗格中的表單,因此parser.parse()等已經運行。 我不確定解析后為什么聲明式語法有效,但是這種方法有效。
第二種方法來自django。 在表單字段本身中定義屬性。 這就是我采取的方法。
class SignupForm(Form):
# other form fields
birth_date = DateField(widget=SelectDateWidget(years=range(yearNow - 13, yearNow - 100, -1),attrs={"data-dojo-type": "dijit/form/Select", "data-dojo-id": "birthDateSelect"}), required=True, initial="", label=_('Birth Date'))
# other form fields
不幸的是,所有三個字段(年,月,日)都獲得相同的data-dojo-id,我不知道這是否有問題。 暫時還行,我看不到任何奇怪的地方。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.