2013-02-21 57 views
1

我有一個帶有ForeignKey列的Kendo網格。由於這是不是他可以在此列中單擊編輯信息的用戶明顯,我想在每行的末尾添加一個箭頭,像下面的圖片:添加一個箭頭到Kendo網格的ForeignKey列

What I want to do

我嘗試更改GridForeignKey編輯器模板,但是,這隻會影響用戶已經點擊該行以編輯它的狀態。我需要的是在編輯之前將箭頭圖標添加到字段的「靜態」狀態。我也嘗試玩類似k-i-arrow-s,k-state-and -k-state-hover的css類。然而,看起來我正朝着一個錯誤的方向前進,必須有一個更簡單的方法。

Kendo網格的API參考並不真正有用。

也許我可以爲GridForeignKey的已有模板添加默認外觀模板?但是,仍然無法看出如何使用兩個模板。

回答

1

向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>