Question

我有一个包含多个列的Telerik RadGrid，其中一个列在使用GridImageColumn标记的图像中。图像src被分配了指向CDN位置的链接，并按比例缩小以适合RadGrid。单击图像时，我希望它在新的选项卡/窗口中打开全尺寸图像。我怎么能这样做？

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

Answer 1

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

将以下设置添加到RadGrid元素：

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

每次在rowCreated中创建一行时，这将调用RadGrid客户端函数。

另外，添加以下客户端脚本：

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()的参数是应定位的UniqueName telerik:GridImageColumn属性的值。使用该元素的firstChild将定位img标记。附加适当的onClick处理程序并使用处理程序打开一个新窗口。

如何让Telerik GridImageColumn点击链接？

1 个答案: