Question

我正在使用Asp.Net Mvc的Editor Template绑定kendo DropdownList内的kendo grid

网格的Navigatable属性（.Navaigatable(o=>o.Enabled(true))）设置为true但是当我按Tab键时，我无法将注意力集中在下拉列表中，即焦点丢失了特定细胞。

我想要一个行为，我可以将焦点放在下拉列表中，并可以使用 Up 和 Down 箭头键更改其值。

谢谢。我非常感谢你的帮助！：）

Answer 1

在编辑器模板中执行如下代码：

    @(Html.Kendo().DropDownListFor(m => m)
                      .AutoBind(false)
                          .DataTextField("Text")
                          .DataValueField("Value")
                          .OptionLabel("SelectType")
                          .HtmlAttributes(new { @id = "SecondDropDownName"})
                          .DataSource(dataSource =>
                           {
                            dataSource.Read(read => read.Action("actionName", "ControllerName")              .Data("filterFunctionFordataPassing"))
                            .ServerFiltering(true);


                      })
                        .CascadeFrom("FirstDropDownName")
                        .Enable(false)
                )

在主页中绑定了Kendo网格，使用一个函数传递第一个下拉值：

        function filterFunctionFordataPassing() {
                return {
                    ddlValue: $("#FirstDropDownName").data("kendoDropDownList").value()
                };
            }

现在做第二个下拉绑定代码：此函数应该从First下拉的Change事件中调用：

        function SeconDropdownFunction(e) {      
                   $.ajax({
                       type: 'POST',
                       url: '@Url.Action("SecondDropdownActionName", "ControllerName")',
                       cache: false,               
                        success: function (result) {
                            if (JSON.stringify(result) != "[]") {
                                var ddl = $('#SecondDropDownName').data("kendoDropDownList");
                                ddl.setDataSource(result);
                                ddl.refresh();                         
                            }        
                        }
                    });     

                }

无法修改kendo网格内的kendo下拉列表的选项卡索引

1 个答案: