我有這個奇怪的問題與MVC的html助手,當我指定@size for @ Html.DropdownListFor時,它阻止jquery .submit與服務器通信。任何想法可能會導致這種情況?有沒有其他方法可以使下拉高?下面的代碼:MVC DropdownListFor當html @ helper遇到JQuery提交時,@size指定
@using (Ajax.BeginForm("CreateInProgress", "Audit", new AjaxOptions {
HttpMethod = "POST", OnSuccess = "CreateInProgressSuccess" }, new { id = "CreateInProgressMainForm"}))
{
<div id="reqTabContentBox" class="formPageContainer">
@Html.HiddenFor(x => x.ConfigDoc.CreateApproveButton.ConfigurableLabelDesc)
@Html.HiddenFor(x => x.ConfigDoc.CreateDisapproveButton.ConfigurableLabelDesc)
@Html.HiddenFor(x => x.ConfigDoc.CreateSaveButton.ConfigurableLabelDesc)
@Html.HiddenFor(x => x.ConfigDoc.CreateAdvanceButton.ConfigurableLabelDesc)
@Html.Partial("_CreateAudit")
</div>
@Html.DropDownListFor(x => x.AuditDoc.AuditTemplateId, new SelectList(Model.AuditDoc.AuditTemplates, "Id", "Name"), new { size = "6", @class = "left" })
<div id="finalButtons" class="formPageContainer">
<input id="AdvanceDirection" name="AuditDoc.AdvanceDirection" type="hidden" value="Forward" />
<span class="field-validation-error" id="CreateFormValidation"></span>
<span class="field-validation-success" id="CreateSaveSuccess"></span>
@if(Model.AuditDoc.CurrentStates.StateName == "Active")
{
<div class="btnContainer">
<input type="button" id="SaveCreateInProgress" class="toggleAllSelectors" value="@Model.ConfigDoc.CreateSaveButton.ConfigurableLabelDesc" />
<input type="button" id="AdvanceCreateInProgress" class="toggleAllSelectors" value="@Model.ConfigDoc.CreateAdvanceButton.ConfigurableLabelDesc" />
</div>
}
else
{
<label>@Model.ConfigDoc.AllEnterPrivateCommentLabel.ConfigurableLabelDesc</label> @Html.TextAreaFor(x => x.AuditDoc.PrivateComment, 0, 0, false)
<div class="btnContainer">
<input type="button" id="DisapproveCreateInProgress" class="toggleAllSelectors" value="@Model.ConfigDoc.CreateDisapproveButton.ConfigurableLabelDesc" @Model.OwnerApprovalAttribute />
<input type="button" id="ApproveCreateInProgress" class="toggleAllSelectors" value="@Model.ConfigDoc.CreateApproveButton.ConfigurableLabelDesc" @Model.OwnerApprovalAttribute />
</div>
}
</div>
}
,這裏是jQuery的提交:
$("#CreateAuditMainForm").submit();
下面是在HTML dropdownlistfor助手生成的代碼:
<select class="left valid" data-val="true" data-val-number="The field AuditTemplateId must be a number." data-val-required="The AuditTemplateId field is required." id="AuditDoc_AuditTemplateId" name="AuditDoc.AuditTemplateId" size="6" style="display: block; "> ... </select>
我會很感激任何幫助或詞智慧!
任何JS錯誤?您是否也可以將生成的HTML代碼發佈到下拉列表中? – Marc
沒有JS錯誤。下面是爲html helper生成的代碼:
嗯,看不出有什麼問題。關於你問題的題目,如果你沒有指定size屬性,它*會起作用,對吧?在這種情況下,您能否擴展提供的HTML代碼,以便包含表單和JS代碼? – Marc