我有一个kendo ui网格,我想绑定图像.这是我的代码:
@model List<NewHope.Model.Mt4_prices_instant> <div class="tabContainer"> @(Html.Kendo().TabStrip() .Name("tabstripMarketWatch") .Items(tabstrip => { tabstrip.Add().Text("Market Rates") .Selected(true) .Content( @<text> @if (Model != null) { @(Html.Kendo().Grid(Model) .Name("Grid") .Columns(columns => { columns.Template( @<text> @if (item.direction == 1) { <img src="~/Images/up.png" alt="up"/> } else if (item.direction == 0) { <img src="~/Images/down.png" alt="down"/> } </text>).Title(""); columns.Bound(p => p.symbol); columns.Bound(p => p.bid); columns.Bound(p => p.ask); }) //.Groupable() //.Pageable() .sortable() .Scrollable() //.Filterable() .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action("Products_Read","MarketWatch")) ) ) } </text> ); tabstrip.Add().Text("Cubes") .Content(@<text> <div class="weather"> <h2>18<span>ºC</span></h2> <p>Cubes</p> </div> <span class="rainy"> </span> </text>); }) ) </div> <style> #tabstripMarketWatch-1,#tabstripMarketWatch-2 { /* tabstrip element */ position: absolute; top: 41px; bottom: 0; left: 0; right: 0; width: auto; height: auto; } #Grid { top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; }
对于以下部分:
columns.Template( @<text> @if (item.direction == 1) { <img src="~/Images/up.png" alt="up"/> } else if (item.direction == 0) { <img src="~/Images/down.png" alt="down"/> } </text>).Title("");
我需要做些什么才能成功渲染网格?
提前致谢,
解决方法
columns.Bound(p => p.bid).ClientTemplate("<# if(direction == 1) {#>" + "<img src='~/Images/up.png' alt='up'/>" + "<#} else if(direction == 0) {#>" + "<img src='~/Images/down.png' alt='down'/>" + "<#}#>") .Title("End").Width(80);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。