我们使用Kendo(v4.0.30319)设计了一个旧的ASPNET MVC应用程序。在视图中,我使用DropDownListFor来填充项列表。网页的工作方式是从下拉列表中选择一个项目后,会有一个ajax调用将数据加载到网格中。
我的问题是当页面第一次加载时,下拉列表被填充并且我能够选择项目并加载网格。但是,一旦加载,下拉列表就会处于非活动/禁用状态,我无法选择任何其他项目。
以下是我视图中的代码块:
<div class="col-sm-9 col-md-8 col-lg-9">
@Html.DropDownListFor(model => model.company_id, new System.Web.Mvc.SelectList(Model.CompanyList, "company_id", "company_name"), new { @class = "form-control", @id = "ddlCompany" })
</div>
脚本块是:
$(document).ready(function () {
$('#ddlCompany').change(function () {
$("#CompanyConnectorPropertyGrid").data("kendoGrid").dataSource.read({ "companyConnectorID": 0 });
$('#dvGrid').hide();
$('#dvMessage').html('');
if ($('#ddlCompany').val()) {
BindConnectorDropdown();
}
else {
$('#dvGrid').hide();
}
});
$('#ddlConnector').change(function () {
$('#dvMessage').html('');
if ($('#ddlConnector').val() && $('#ddlConnector').val() > 0) {
$("#CompanyConnectorPropertyGrid").data("kendoGrid").dataSource.read({ "companyConnectorID": $('#ddlConnector').val() });
$('#dvGrid').show();
}
else {
$('#dvGrid').hide();
}
});
var connectorID = getParameterByName('cid');
if (connectorID) {
$("#ddlConnector").val(connectorID);
$('#ddlConnector').trigger('change');
}
});
没有提到禁用下拉列表的地方。 我希望下拉列表处于活动状态,以便我可以选择不同的项目,绑定它并获取数据。任何帮助解决问题将不胜感激。提前致谢。