我正在运行一个项目,其中我使用了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;
并且此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'>► 4:14</div></a></div>
&#13;
这个完整的标签,如果我在这个网格之外使用它然后它正常工作显示图像,但同样是使用内部网格显示相同的HTML代码。
答案 0 :(得分:2)
将#: imagelink #
替换为#= imagelink #
#= #
- 值呈现为HTML
#: #
- HTML编码用于显示值
http://docs.telerik.com/kendo-ui/framework/templates/overview