ASP.NET MVC:DropDownList虚拟化,无法从dropdownlist中选择数据

时间:2019-05-20 10:43:15

标签: c# asp.net-mvc kendo-asp.net-mvc virtualization

我正在创建一个使用kendo组件的Web应用程序,

我有一个剑道下拉列表/虚拟化,其工作方式如This

这是它的样子

Image

问题是,当我尝试单击这些记录中的任何一条时,单击不起作用

下面是我的代码

  

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

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

enter image description here

1 个答案:

答案 0 :(得分:0)

我解决了自己的问题,但我认为重要的是告诉所有人我如何找到解决方案,

实际上名为Transition的css属性阻止了点击事件

我只是添加了以下代码

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

现在可以了