Question

是否可以突出显示剑道网格中所有单词的出现？

单元格可以包含多个字符串，如果单词在该字符串中，我只想突出显示它？

我的网格看起来像这样

@(Html.Kendo().Grid(Model)
      .Name("searchGrid")
      .Columns(columns =>
      {
          columns.Bound(p => p.Title).Width(140);
          columns.Bound(p => p.Name).Width(100);
          columns.Bound(p => p.TheString).Width(200).Encoded(false);
      })
      .Pageable()
      .Sortable()
      .Groupable()
      .Scrollable()
      .Selectable()
      .Filterable()
      .HtmlAttributes(new {style = "height:430px;"})
      .DataSource(dataSource => dataSource
          .Server()
          .PageSize(20)
          .Model(model => model.Id(p => p.RowId))
      ).Resizable(resize => resize.Columns(true))
      )

我即将尝试这样的事情：

      columns.Bound(p => p.TheString).Width(200).Encoded(false).Template(@<text>
    @if (item.TheString.Contains(@ViewBag.SearchString))
    {
        <div style="background-color: Red;">
            @item.TheString
        </div>
    } else
    {
        <div style="background-color: Green;">
            @item.TheString
        </div>              
    }          
</text>)

我正在使用VS 2012 MVC 4 C＃

感谢。

Answer 1

该功能未包含在Kendo UI中，但您可以使用this jQuery plugin，例如，可以通过

突出显示

$("#searchGrid").highlight("mytext");

突出显示Kendo Grid中单词的所有出现次数

1 个答案: