我正在创建一个使用kendo组件的Web应用程序,
我有一个剑道下拉列表/虚拟化,其工作方式如This
这是它的样子
问题是,当我尝试单击这些记录中的任何一条时,单击不起作用
下面是我的代码
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"); ;
}
在初始化时,我从网络面板的控制器中收到以下错误
答案 0 :(得分:0)
我解决了自己的问题,但我认为重要的是告诉所有人我如何找到解决方案,
实际上名为Transition
的css属性阻止了点击事件
我只是添加了以下代码
<style>
* {
transition: none;
-webkit-transition: none;
-moz-transition: none;
}
</style>
现在可以了