如何让Telerik GridImageColumn点击链接？

我有一个Telerik RadGrid与几列，其中之一在图像中使用GridImageColumn标记。图像src被分配指向CDN位置的链接，并缩小以适合RadGrid。点击图片后，我希望它在新标签页/窗口中打开全尺寸图片。我怎样才能做到这一点？如何让Telerik GridImageColumn点击链接？

在相关说明：我如何使用jQuery或其他方式定位由GridImageColumn生成的img元素？如果我只需要处理该标签，就可以添加我需要的任何处理程序。

来源

2016-09-30 Alan Thomas

我已经找到了大量的搜索和一些实验后的解决方案。

添加以下设置到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处理程序，并用处理程序打开一个新窗口。

来源

2016-10-03 16:53:53

如何让Telerik GridImageColumn点击链接？

回答

相关问题