如何讓Telerik GridImageColumn點擊鏈接？

Question

我有一個Telerik RadGrid與幾列，其中之一在圖像中使用GridImageColumn標記。圖像src被分配指向CDN位置的鏈接，並縮小以適合RadGrid。點擊圖片後，我希望它在新標籤頁/窗口中打開全尺寸圖片。我怎樣才能做到這一點？

在相關說明：我如何使用jQuery或其他方式定位由GridImageColumn生成的img元素？如果我只需要處理該標籤，就可以添加我需要的任何處理程序。

Answer 1

我已經找到了大量的搜索和一些實驗後的解決方案。

添加以下設置到RadGrid元素：

<ClientSettings> 
    <ClientEvents OnRowCreated="rowCreated"></ClientEvents> 
</ClientSettings> 

這將每一個排在RadGrid創建時間調用rowCreated客戶端功能。

此外，添加下列客戶端腳本：

function rowCreated(sender, args){ 
    var img = args.get_item().get_cell('Image').firstChild.onclick = imgClick; 
} 

function imgClick(e){ 
    window.open(e.srcElement.currentSrc, "name", 'width=e.srcElement.naturalWidth,height=e.srcElement.naturalHeight,resizable=1'); 
} 

被傳遞到get_cell()的參數是telerik:GridImageColumn的UniqueName屬性，它應該有針對性的價值。使用該元素的firstChild將以img標籤爲目標。附加適當的onClick處理程序，並用處理程序打開一個新窗口。