c# - Asp.net mvc：DropDownList 虚拟化，无法从下拉列表中选择数据

问题描述

我正在创建一个使用剑道组件的网络应用程序，

我有一个剑道下拉列表/虚拟化，它按照这个工作

这是它的外观

问题是当我尝试点击任何这些记录时，点击不起作用

下面是我的代码

CSHTML

@(Html.Kendo().DropDownList()
    .Name("SecondApproverId")
    .DataTextField("Text")
    .DataValueField("Value")
    .MinLength(3)
    .HtmlAttributes(new { style = "width:100%" })

    .Height(290)
    .AutoBind(false)
    .Filter(FilterType.Contains)
    .DataSource(source =>
    {
        source.Custom()
            .ServerFiltering(true)
            .ServerPaging(true)
            .PageSize(80)
            .Type("aspnetmvc-ajax")
            .Transport(transport =>
            {
                transport.Read("GetSecondaryApproval", "User");
            })
            .Schema(schema =>
            {
                schema.Data("Data").Total("Total");
            });
    }).Virtual(v => v.ItemHeight(26).ValueMapper("secondaryApproval"))
)

控制器

public ActionResult GetSecondaryApproval([DataSourceRequest] DataSourceRequest request)
{
    return Json(SecondApprover().ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
}
private IEnumerable<SelectListItem> SecondApprover()
{
    return CreateList(ResourceProvider.GetUser(Convert.ToInt32(Id)).SecondApproversNameList(Id).Tables[0], "userId", "ApproverName", "-1"); ;
}

在初始化时，我从网络面板中的控制器收到以下错误

标签： c#asp.net-mvckendo-asp.net-mvcvirtualization

我解决了自己的问题，但我认为告诉大家我是如何找到解决方案的很重要，

实际上调用的css属性Transition阻止了点击事件

我只是添加了以下代码

<style>
    * {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
    }
</style>

现在它可以工作了

c# - Asp.net mvc：DropDownList 虚拟化，无法从下拉列表中选择数据

问题描述

解决方案

推荐阅读