2016-03-20 36 views
0

私はjquery kendo row templateを使ったプロジェクトを1つ実行しています。ここではdiv内にあるURLイメージを表示する必要があります。この完全なhtmlコードは、モデル に入れて、そのモデルプロパティは剣道グリッド行テンプレートを呼び出しています。以下は のhtml剣道グリッドのコードです:私は場合は、この完全なタグの代わりに

<div class="th" style="position: relative; overflow: hidden; width: 116px; height: 65px"><a href='https://www.youtube.com/watch?v=XXR8nnu_fZw23'><div style='margin-top:-11px'><img src='https://img.youtube.com/vi/XXR8nnu_fZw/default.jpg?h=90' width='116' alt='Video for marathon m5 youtube' align='middle'></div><div style='position:absolute;bottom:0;right:0;font-size:11px;color:#fff;background-color:#222;padding:1px 3px;text-decoration:none;font-weight:bold;text-align:right'>&#9658; 4:14</div></a></div>

<table id="grid" style="width:100%"> 
 
       <colgroup> 
 
        <col class="photo" /> 
 
        <col class="details" /> 
 
        <col /> 
 
       </colgroup> 
 
       <thead style="display:none"> 
 
        <tr> 
 

 
         <th> 
 
          Details 
 
         </th> 
 

 
        </tr> 
 
       </thead> 
 
       <tbody> 
 
        <tr> 
 
         <td colspan="3"></td> 
 
        </tr> 
 
       </tbody> 
 
      </table> 
 
      <script id="rowTemplate" type="text/x-kendo-tmpl"> 
 
       <tr> 
 
        <td style="width:30%"> 
 
         <a href="#: Link #" class="name" style="color:blue">#: GetName #</a> 
 
         
 
         <div class="row"> 
 
          <div class="col-sm-4"> 
 
           #: imagelink # 
 
          </div> 
 
          
 
         </div> 
 
        </td> 
 
       </tr> 
 
      </script>

と、このイメージリンクプロパティは、このhtmlコードが含まれていますこのグリッドの外側で使用されています画像は同じですが、同じHTMLコードを表示する内側グリッドを使用しています。

答えて

2

#= imagelink #

#= ##: imagelink #を交換 - 値をHTMLとしてレンダリングされる

#: # - HTMLエンコーディング値を表示するために使用され

http://docs.telerik.com/kendo-ui/framework/templates/overview

+0

私は感謝期待通りに働いている遺伝子のおかげねえロット。私は答えとしてマークしています。 – Vikash