1
是否有可能让jQuery运行在内嵌模板?jQuery里面的剑道内联模板
这是我正在努力完成的。我有一个内联模板,其中包含用户填写后提交给我的控制器的表单。我在窗体上有一组单选按钮。如果他们点击最后一个单选按钮,我需要我的textarea出现并且需要提交表单。
下面是调用使用模板窗口中的代码:
function onRejectClick(e) {
e.preventDefault();
var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
var wnd = $("#Reject").data("kendoWindow");
wnd.content(rejectTemplate(dataItem));
wnd.center().open();
}
这里是我的模板:
<script type="text/x-kendo-template" id="rejectTemplate">
<div id="reject-container">
@using (Html.BeginForm("RejectConcern", "Filter", FormMethod.Post, new { @id = "rejectConcern", @style = "width:100%", @class = "k-content" }))
{
@Html.AntiForgeryToken()
<input type="hidden" id="id" name="id" value="#= data.id #" />
<table>
<tr>
<td valign="top">
<label>Reason</label>
</td>
<td>
<label>
@Html.RadioButton("reasonForRejection", "NotQuestion", false, new { @id = "reasonForRejection" })Concern is not a question and will not be answered
</label>
<label>
@Html.RadioButton("reasonForRejection", "Inappropriate", false, new { @id = "reasonForRejection" })Concern contains inappropriate language and will not be answered
</label>
<label>
@Html.RadioButton("reasonForRejection", "Irrelevant", false, new { @id = "reasonForRejection" })Concern is not relevant to our business/operation and will not be answered
</label>
<label>
@Html.RadioButton("reasonForRejection", "Personal", false, new { @id = "reasonForRejection" })Concern is about an individual, a specific group, or area and will not be answered
</label>
<label>
@Html.RadioButton("reasonForRejection", "Other", false, new { @id = "reasonForRejection" })Other
</label>
</td>
</tr>
<tr>
<td> </td>
<td>
@Html.TextArea("answer",
new
{
@id = "answer",
@name = "answer",
@class = "k-textbox",
@placeholder = "Enter the reason for rejection here.",
@validationmessage = "The reason for rejection is required.",
@style = "width: 600px; min-width:600px; max-width:69%; height:200px",
@maxlength = "1000"
}
)
</td>
</tr>
<tr>
<td> </td>
<td>
<div class="actions">
<button type="submit" id="rejectConcernButton" class="k-button">Submit</button>
</div>
</td>
</tr>
</table>
}
</div>
</script>
如何使用jQuery来显示/隐藏答案textarea的领域,并使其要求取决于是否检查最后一个单选按钮?如果jQuery不可行,可以通过普通的JavaScript来完成吗?