2016-09-30 14 views
0

私はいくつかの列を持つTelerik RadGridを持っています。そのうちの1つは、GridImageColumnタグを使用しています。イメージsrcには、CDNロケーションを指すリンクが割り当てられ、RadGridに収まるように縮小されます。画像をクリックすると、新しいタブ/ウィンドウでフルサイズの画像を開くことができます。これどうやってするの?Telerik GridImageColumnをクリックしたときのリンクに従う方法を教えてください。

関連するノート:GridImageColumnによって生成されたimg要素を(jQueryなどを使用して)どのようにターゲット設定できますか?もし私がそのタグのハンドルを取得できれば、必要なハンドラを追加できます。

答えて

0

多くの検索と少しの実験の後で解決策を見つけました。

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()に渡されるパラメータがターゲットにされなければならないtelerik:GridImageColumnUniqueName属性の値です。その要素のfirstChildを使用すると、imgタグが対象になります。適切なonClickハンドラをアタッチし、ハンドラを使用して新しいウィンドウを開きます。

関連する問題