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

标签 javascript model-view-controller kendo-ui

当焦点在单元格上时,是否有办法在 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)
          )
    )

最佳答案

向您的网格添加一个编辑事件。 .Events(x => x.Edit("edit"))

function edit(e) {

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

关于javascript - 剑道网格选择焦点上的单元格数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22640064/

相关文章:

javascript - 使用 QWebChannel 将 qml 对象公开到网站/Javascript

javascript - 不影响表单字段值的 IE 占位符修复

javascript - 如何滚动到 Polymer 1.0 纸抽屉面板的底部

model-view-controller - 存储库模式 : What is the 'right size' ?

kendo-ui - 如何在 Kendoui 中获取字段类型?

javascript - 抵消现有风格

php - MVC 面向对象技术 - 如何最小化查询并保持灵活性?

model-view-controller - Windows CWnd::OnLButtonDown 双击时未按预期调用

mvvm - Kendo MVVM 使用远程数据源创建新记录

asp.net-mvc - 为什么 `data(“kendogrid” )` 未定义?