Model view controller 从控制器中选择剑道ui网格行

Model view controller 从控制器中选择剑道ui网格行,model-view-controller,kendo-ui,radio-button,kendo-grid,Model View Controller,Kendo Ui,Radio Button,Kendo Grid,我的第一个问题是:我使用单选择模式的剑道网格,我需要在第一次加载视图时,选择第一行,换句话说,我想通过编程选择第一个剑道网格行。 此外,另一个问题是我在网格中插入radiobutton列,并且我想要同步 radiobutton select和row select,换句话说,我希望当用户选择row时,它会导致radiobutton被选中 请帮帮我 tnx 代码如下: @(Html.Kendo().Grid<CommonData.Domain.LegalEntityPhone>()

我的第一个问题是:我使用单选择模式的剑道网格,我需要在第一次加载视图时,选择第一行,换句话说,我想通过编程选择第一个剑道网格行。 此外,另一个问题是我在网格中插入radiobutton列,并且我想要同步 radiobutton select和row select,换句话说,我希望当用户选择row时,它会导致radiobutton被选中 请帮帮我 tnx 代码如下:

   @(Html.Kendo().Grid<CommonData.Domain.LegalEntityPhone>()
.Name("SMSGrid")
.HtmlAttributes(new { style = "width:800px;" })
.Selectable(selectable =>
             selectable.Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))

.Columns(columns =>
    {
       columns.Bound(c => c.Id)
    .Title(" ")
    .ClientTemplate(" <input type='radio' id='Approve' name='chkApprove' />");

       columns.Bound(c => c.Number)
    .Title("Destination")
    .HeaderHtmlAttributes(new { style = "text-align: center;" })
    .HtmlAttributes(new { style = "text-align: center; });

       columns.Bound(c => c.CityCode)
    .Title("City Code")
    .Width(30)
    .HeaderHtmlAttributes(new { style = "text-align: center" })
    .HtmlAttributes(new { style = "text-align:center;width:30px" });


        columns.Command(command => { command.Edit(); }).Width(150);
        })

.Editable(editable => editable.Mode(GridEditMode.InLine))
    .Events(events => events.Change("OnChange"))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model =>
        {
                       model.Id(p => p.Id);
                       model.Field(p => p.Id).Editable(false);
        })
    .Read(read => read.Action("LegalEntityPhoneInfo_Read", "Message"))
    .Update(update => update.Action("LegalEntityPhoneInfo_Update", "Message"))
                    )
                )

没有在控制器中选择行这样的事情,因为网格都是在客户机上创建的。可以使用该事件选择第一行

e、 g


或者使用一个而不是绑定,只在页面加载时选择行,而不是每次网格反弹时选择行-排序、筛选等。查看更多信息。

如果您不熟悉jQuery,我强烈建议您参加一个在线免费教程。 假设您的项目在您的_布局页面中引用jQuery脚本,那么您需要做的就是为数据绑定到网格添加一个事件处理程序:

.Events(events => events.DataBound("Grid_Databound"))
然后将此脚本粘贴到页面上:

<script> 

function Grid_Databound() {

var grid = $("#MyGridName").data("kendoGrid");
row = grid.tbody.find(">tr:not(.k-grouping-row)").eq(0);
grid.select(row);
        }
</script>

我相信zeinad添加的相同脚本也会起作用,总是不止一种剥猫皮的方法。至于让单选按钮显示选中的行,我想如果你看了我提到的教程,你应该能够找到它。如果需要更多帮助,请发回

谢谢你的重播,但我不知道如何使用你的jquery,你能解释更多吗?如何将其用于剑道网格?感谢您的指导,我观看了教程,这很好。我了解jquery,但不是很了解。在您的代码中,您使用MyGridName选择器,但在我的代码中,我动态命名网格,如下所示。NameSMSGrid+stringSession[FileId],我如何使用您的代码?
<script> 

function Grid_Databound() {

var grid = $("#MyGridName").data("kendoGrid");
row = grid.tbody.find(">tr:not(.k-grouping-row)").eq(0);
grid.select(row);
        }
</script>