将箭头添加到Kendo网格的ForeignKey列

Question

我有一个带有ForeignKey列的Kendo网格。由于用户可以点击此列来编辑信息并不明显，我想在每行的末尾添加一个箭头，如下图所示：

我尝试更改GridForeignKey编辑器模板，但是，这只会影响用户已经单击该行以进行编辑的状态。我需要的是在编辑之前将箭头图标添加到字段的“静态”状态。

我还尝试过使用c-class，如k-i-arrow-s，k-state-selected和.k-state-hover。然而，看起来我正朝着错误的方向前进，必须有一种更简单的方式。

Kendo网格的API参考并没有多大帮助。

除了GridForeignKey的现有模板之外，我可以为默认外观添加模板吗？但是，看不出如何使用两个模板。

Answer 1

向剑道人问这个问题，这是回应。 他们的解决方案确实对我有用：

我建议您为外键列指定ClientTemplate。在模板中，您可以添加带有k-icon和k-i-arrow-s类的标记以包含箭头。

E.g。

.ClientTemplate("#=data.Employee.EmployeeName# <span class='custom-arrow k-icon k-i-arrow-s'></span>");

我还添加了一个自定义箭头类来定位箭头。

E.g。

<style>
  .custom-arrow.k-icon
  {
      float: right;
  }
</style>