添加一个箭头到Kendo网格的ForeignKey列

问题描述:

我有一个带有ForeignKey列的Kendo网格。由于这是不是他可以在此列中单击编辑信息的用户明显,我想在每行的末尾添加一个箭头,像下面的图片:添加一个箭头到Kendo网格的ForeignKey列

What I want to do

我尝试更改GridForeignKey编辑器模板,但是,这只会影响用户已经点击该行以编辑它的状态。我需要的是在编辑之前将箭头图标添加到字段的“静态”状态。我也尝试玩类似k-i-arrow-s,k-state-and -k-state-hover的css类。然而,看起来我正朝着一个错误的方向前进,必须有一个更简单的方法。

Kendo网格的API参考并不真正有用。

也许我可以为GridForeignKey的已有模板添加默认外观模板?但是,仍然无法看出如何使用两个模板。

向Kendo提问这个问题,这里是回复。 他们的解决方案确实为我工作:

我建议你指定一个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>