Asp.net mvc 4 选项卡顺序在单元格编辑剑道UI网格中不起作用

我正在使用剑道UI网格。我想对其进行InCell编辑。InCell编辑工作正常。一旦我单击“添加新记录”按钮，它就会显示第一列“名称”的文本框

我的问题是，当我在“Name”字段中输入值后按tab键，它就不会转移到第二个字段“Description”中，而tab键的顺序应该在那里工作

下面是剑道格网的一段代码：-

@using Gts.GlaspacLX.Web.App_Start;
@using Gts.GlaspacLX.ListValues;
@using System.Collections;
@using Kendo.Mvc.UI

@*<script src="@Url.Content("~/Scripts/jquery-ui-1.8.18.min.js")"></script>*@
<script type="text/javascript" src="../../Scripts/js/Product/Category.js"></script>
<style>
.k-dirty { display:none; }
</style>


<fieldset>
    <form>           
        <div id="divProduct" style="display: none;">


@(Html.Kendo().Grid<Gts.GlaspacLX.Web.ViewModel.ProductViewModel>()
    .Name("ProductGrid")
    .Columns(columns => {
        columns.Bound(p => p.Name).Width(50);
        columns.Bound(p => p.Description).Width(200);                                                       
        columns.Command(command => { command.Destroy(); }).Width(75);
        columns.Bound(p => p.ID).Hidden();
    })
    .ToolBar(commands => {
        commands.Create();
        commands.Save();
    })
    .Editable(editable => editable.Mode(GridEditMode.InCell))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Batch(true)
        .ServerOperation(false)
        .Model(model => {
            model.Id(p => p.ID);
        })                                           
        .Read(read => read.Action("ProductEditingInline_Read", "Product"))
        .Create(create => create.Action("ProductEditingInline_Create", "Product"))
        .Update(update => update.Action("ProductEditingInline_Update", "Product"))
        .Destroy(destroy => destroy.Action("ProductEditingInline_Destroy", "Product")
        )
       .Events(events => events.Change("onProductChange"))
       // .Events(events => events.Error("error_handler"))
    )
)


            <input type="button" value="Cancel" onclick=" $('.k-button.k-button-icontext.k-grid-cancel-changes').click(); $('#productWindow').data('kendoWindow').close(); " />
            <input type="button" value="Save" onclick=" SaveProductChanges(); " />
        </div>
    </form>
</fieldset>
}

@使用Gts.glaspacclx.Web.App\u启动；
@使用Gts.glaspacx.ListValues；
@使用系统集合；
@使用Kendo.Mvc.UI
@**@
.k-dirty{display:none；}
@（Html.Kendo（）.Grid（））
.Name（“ProductGrid”）
.列（列=>{
columns.Bound（p=>p.Name）.Width（50）；
columns.Bound（p=>p.Description）.Width（200）；
Command（Command=>{Command.Destroy（）；}）.Width（75）；
columns.Bound（p=>p.ID）.Hidden（）；
})
.工具栏（命令=>{
commands.Create（）；
commands.Save（）；
})
.Editable（Editable=>Editable.Mode（GridEditMode.InCell））
.DataSource（DataSource=>DataSource
.Ajax（）
.Batch（真）
.ServerOperation（错误）
.Model（Model=>{
model.Id（p=>p.Id）；
})                                           
.Read（Read=>Read.Action（“ProductEditingLine\u Read”，“Product”））
.Create（Create=>Create.Action（“producteditingline\u Create”，“Product”））
.Update（Update=>Update.Action（“ProductEditingLine\u Update”，“Product”））
.Destroy（Destroy=>Destroy.Action（“producteditingline\u Destroy”，“Product”）
)
.Events（Events=>Events.Change（“onProductChange”））
//.Events（Events=>Events.Error（“错误处理程序”））
)
)
}

有人能帮我吗？

你会想使用网格的。以下是我构建的一个JSFIDLE示例：。在MVC中，可导航选项通过在网格上调用.navigatable（）打开（参见下面的示例）：

@（Html.Kendo（）.Grid（））
.Name（“测试网格”）
.列（列=>
{
columns.Bind（c=>c.DisabledString）；
columns.Bind（c=>c.Description）；
columns.Bind（c=>c.TestInvisibleDate）；
columns.Bind（c=>c.TestDate）；
columns.Bind（c=>c.AllExpressions）；
})
.HtmlAttributes（新的{style=“height:550px；”}）
.Editable（Editable=>Editable.Mode（GridEditMode.InCell））
.Sortable（）
.Scrollable（s=>{s.Enabled（true）；s.Virtual（true）；}）
.Pageable（p=>p.Enabled（false））
.Mobile（MobileMode.Disabled）
.Navigatable（）
.可调整大小（s=>s.Columns（true））
.Reorderable（c=>c.Columns（true））
.DataSource（DataSource=>DataSource
.Ajax（）
.Batch（真）
.页面大小（50）
.ServerOperation（错误）
.Model（Model=>
{
model.Id（e=>e.UniqueId）；
})
)
)

---

此帮助？

为什么网格被包装在

表单中
字段集中？
@(Html.Kendo().Grid<TestModel>()
.Name("TestGrid")
.Columns(columns =>
{
    columns.Bind(c => c.DisabledString);
    columns.Bind(c => c.Description);
    columns.Bind(c => c.TestInvisibleDate);
    columns.Bind(c => c.TestDate);
    columns.Bind(c => c.AllExpressions);
})
.HtmlAttributes(new { style = "height:550px;" })
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Sortable()
.Scrollable(s => { s.Enabled(true); s.Virtual(true); })
.Pageable(p => p.Enabled(false))
.Mobile(MobileMode.Disabled)
.Navigatable()
.Resizable(s => s.Columns(true))
.Reorderable(c => c.Columns(true))
.DataSource(dataSource => dataSource
    .Ajax()
    .Batch(true)
    .PageSize(50)
    .ServerOperation(false)
    .Model(model =>
    {
        model.Id(e => e.UniqueId);
    })
    )
)