而不是图像显示HTML代码

时间:2016-03-20 14:52:54

标签: kendo-ui

我正在运行一个项目,其中我使用了jquery kendo行模板。在这里,我必须显示一个在div内的url图像,这个完整的html代码我放在模型中 我在kendo网格行模板中调用的模型属性。 下面是html kendo网格的代码:



 <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>
&#13;
&#13;
&#13;

并且此imagelink属性包含此HTML代码:

&#13;
&#13;
<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>
&#13;
&#13;
&#13;

这个完整的标签,如果我在这个网格之外使用它然后它正常工作显示图像,但同样是使用内部网格显示相同的HTML代码。

1 个答案:

答案 0 :(得分:2)

#: imagelink #替换为#= imagelink #

#= # - 值呈现为HTML

#: # - HTML编码用于显示值

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