2016-03-20 16 views
0

Я запускаю один проект, где я использовал шаблон строки jquery kendo. Здесь я должен показать изображение url, которое находится внутри div, этот полный код html, который я ввел в модель , и это свойство модели, которое я вызываю в шаблоне строки сетки кендо. Ниже приведен код HTML кендо сетки:вместо изображения, отображающего html-код

<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>

и это ImageLink свойство содержит этот 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>

Этот полный тег, если я используется вне этой сетки, тогда он отлично работает изображение, но то же самое, использует внутреннюю сетку, показывающую тот же HTML-код.

ответ

2

Заменить #: imagelink # с #= imagelink #

#= # - значение отображается в виде HTML

#: # - кодирование HTML используется для отображения стоимости

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

+0

Эй благодаря Gene он работает, как я ожидал, спасибо много. Я отмечаю это как ответ. – Vikash

Смежные вопросы