在剑道网格中显示动态图像

我想在剑道网格中填充动态图像。我正在获取json数据。在剑道网格中显示动态图像

而且我下面的代码

var grid = $("#timeSegmentGrid").kendoGrid({ 
    //var icon=''; 
     dataSource: { 
      transport: { 
       read: function (options) { 
        getTimeSegmentList("", onSuccess, null); 
        function onSuccess(responseData) { 
         if (responseData.segments != null) 
          options.success(responseData.segments); 
         else 
          options.success([]); 
        } 
       } 
      }, 
      pageSize: 5 
     }, 
     pageable: { 
      input: true, 
      numeric: false, 
      pageSizes: false, 
      refresh: true 
     }, 
     toolbar: kendo.template($("#template").html()), 
     columns: [ 
      { field: "display_name", title: "&{'Name'}" }, 
      { field: "display_order", title: "&{'Display Order'}" }, 
      { field: "icon", 
       title: "Icon" 
      } 
     ] 
    }).data("kendoGrid");

“图标” 包含图像路径。现在，我可以打印路径，但我真的不知道如何根据该路径显示图像。任何帮助，高度赞赏。

来源

2013-05-02 Bhoj Raj Bhatta

你可以尝试：

columns : [ 
    { 
     field: "icon", 
     title: "Icon", 
     template: '<img src="#= icon #" alt="image" />' 
    } 
]

来源

2013-05-03 15:33:22 NunoCarmo

尝试，这可能是其有益

@(Html.Kendo().Grid<TelerikMvcAppCombo.Models.ImageModel>() 
.Name("grdImageModel") 
.Columns(columns => 
{ 
    columns.Bound(c => c.IMAGESIZE_ID).ClientTemplate("<input type='checkbox'  value =#IMAGESIZE_ID# />"); 
    columns.Bound(c => c.IMAGESIZE_NAME).Width(140); 
    columns.Bound(c => c.IMAGESIZE_DESC).ClientTemplate("<img src='" + 
    Url.Content("~/Images/") + "#=IMAGESIZE_NAME#'/>"); 
    columns.Bound(c => c.created_by); 
    columns.Bound(c => c.created_date); 
    columns.Bound(c => c.modified_by); 
    columns.Bound(c => c.modified_date); 
}) 
.HtmlAttributes(new { style = "height: 580px;" }) 
.Scrollable() 
.Groupable() 
.Sortable() 
.Pageable(pageable => pageable 
    .Refresh(true) 
    .PageSizes(true) 
    .ButtonCount(10) 
) 
.DataSource(datasource => datasource 
    .Ajax() 
    .Read(read => read 
      .Action("GetData", "Image") 
     )) 

)

来源

2015-01-16 12:20:39

在剑道网格中显示动态图像

回答

相关问题