在不选择行的情况下展开Kendo Grid中的详细视图

时间:2013-10-30 18:07:06

标签: asp.net-mvc asp.net-mvc-4 razor kendo-ui kendo-grid

我在网格中有一个网格,一个详细的视图,我希望能够在不选择它的情况下展开一行。每当我按下父网格中该行最左侧的图像时,展开该行的按钮,它也会选择该行。

有没有办法点击“扩展器”而不选择父网格中的行?

谢谢你们。

    @(Html.Kendo().Grid<SomeModel>()
      .Name("SomeGrid")
      .Columns(c =>
          {
              // some columns (abbreviated)
          })
      .Selectable(s => s.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
      .ClientDetailTemplateId("someTemp")
      .Events(events => events.DataBound("dataBound").Change("onSomeGridChange"))
      .DataSource(d => d.Ajax().Model(model => model.Id(p => p.SomeId)))
      )  

<script id="someTemp" type="text/kendo-tmpl">
@(Html.Kendo().Grid<SomeObject>()
      .Name("grid_#=SomeId#")
      .Columns(c =>
          {
              // some columns (abbreviated)
          })
      .Selectable(s => s.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
      .Events(events => events.Change("onOther GridChange"))
      .DataSource(dataSource => dataSource
                                    .Ajax()
                                    .Read(read => read.Action("GetSomeData", "Controller", new { blNumber = "#=SomeId#" })))
      .ToClientTemplate()
      ) 

1 个答案:

答案 0 :(得分:0)

如你所知,这一切都是因为.Selectable(s => s.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))而发生的。如果您严格需要此选项,则可以在主网格上发送detailExpand事件,并在行/卖出选择中clear

<script>
    function onDetailExpand(e) {
        e.sender.clearSelection();
    }
</script>