Model view controller 从控制器中选择剑道ui网格行
我的第一个问题是:我使用单选择模式的剑道网格,我需要在第一次加载视图时,选择第一行,换句话说,我想通过编程选择第一个剑道网格行。 此外,另一个问题是我在网格中插入radiobutton列,并且我想要同步 radiobutton select和row select,换句话说,我希望当用户选择row时,它会导致radiobutton被选中 请帮帮我 tnx 代码如下: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>()
@(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>