首次选择和发布请求后,MVC DropDownListFor被禁用

时间:2017-02-16 16:35:01

标签: javascript jquery asp.net-mvc

我们使用Kendo(v4.0.30319)设计了一个旧的ASPNET MVC应用程序。在视图中,我使用DropDownListFor来填充项列表。网页的工作方式是从下拉列表中选择一个项目后,会有一个ajax调用将数据加载到网格中。

我的问题是当页面第一次加载时,下拉列表被填充并且我能够选择项目并加载网格。但是,一旦加载,下拉列表就会处于非活动/禁用状态,我无法选择任何其他项目。

Here is the snap of webpage

以下是我视图中的代码块:

<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');
    }        
});

没有提到禁用下拉列表的地方。 我希望下拉列表处于活动状态,以便我可以选择不同的项目,绑定它并获取数据。任何帮助解决问题将不胜感激。提前致谢。

0 个答案:

没有答案