剑道网格选择焦点上的单元格数据

Posted

技术标签:

【中文标题】剑道网格选择焦点上的单元格数据【英文标题】:kendo grid select cell data on focus 【发布时间】:2014-05-03 14:52:14 【问题描述】:

当焦点位于单元格上时,是否有办法在 Kendo Grid 内的单元格中突出显示(选择所有文本)?当我选择或单击列时,我希望该单元格中的文本自动突出显示。提前感谢您的任何帮助。

我有以下代码:

@(html.Kendo().Grid<ExerciseBreakdownViewModel>()
          .Name(string.Format("Grid"))
          .Columns(columns =>
          
              columns.Bound(p => p.Id).Visible(false);
              columns.Bound(p => p.PersonnelName).Width(120);
              columns.Bound(p => p.NumberOfTeams).Width(120);
              columns.Bound(p => p.TeamMembers).Width(110);
              columns.Bound(p => p.Vehicles).Width(80);
              columns.Bound(p => p.Brief).Format("0:HH:mm").EditorTemplateName("BriefTimePicker").Width(80);
              columns.Bound(p => p.KickOff).Format("0:HH:mm").EditorTemplateName("KickoffTimePicker").Width(80);
              columns.Bound(p => p.Debrief).Format("0:HH:mm").EditorTemplateName("DebriefTimePicker").Width(80);
          )
          .Editable(editable => editable.Mode(GridEditMode.InCell))
          .HtmlAttributes(new  style = "height:400px;" )
          .Navigatable()
          .Scrollable()
          .DataSource(dataSource => dataSource
              .Ajax()
              .PageSize(20)
              .Events(events => events.Error("error_handler"))
              .Model(model =>
              
                  model.Id(p => p.Id);
                  model.Field(p => p.PersonnelName).Editable(false);
                  model.Field(p => p.NumberOfTeams);
                  model.Field(p => p.TeamMembers);
                  model.Field(p => p.Vehicles);
                  model.Field(p => p.Brief);
                  model.Field(p => p.KickOff);
                  model.Field(p => p.Debrief);
              )
             .Read("Personnel_Read", "Schedule", Model)
          )
    )

【问题讨论】:

【参考方案1】:

将编辑事件添加到您的网格。 .Events(x =&gt; x.Edit("edit"))

function edit(e) 

    var input = e.container.find("input");      
        input.select();       

【讨论】:

以上是关于剑道网格选择焦点上的单元格数据的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 javascript 引用剑道网格中的特定单元格?

如何在剑道网格中获取单元格点击事件

剑道网格调整大小列不显示其标题单元格的调整大小句柄

Kendo Grid 可过滤单元格

[使用箭头键的WPF数据网格单元格循环

单击日期选择器时,单元格编辑器上的 Ag-grid Angular Material Datepicker 失去焦点