0

我的数据库中有一个名为 Image 的字段。我想直接从数据库加载图像。我给了这样的模板：

{ field: "Image", title: "image", template:"<img src ='#= Image #'/>"}

它显示带有十字标记的图像。我怎样才能得到图像？

4

2 回答 2

0 
public JsonResult GetData([DataSourceRequest] DataSourceRequest request)
        {
            var list = db.imageModels.ToList();
            return Json(list.ToDataSourceResult(request));
        }



@(Html.Kendo().Grid<TelerikMvcAppCombo.Models.ImageModel>()
.Name("grdImageModel")
.DataSource(datasource => datasource
    .Ajax()
    .Model(model => model.Id(p=>p.IMAGESIZE_ID))
    .Create(create => create.Action("Create", "Imagetest"))
    .Update(update => update.Action("Editing_Update", "Imagetest"))
    .Destroy(delete => delete.Action("Delete", "Imagetest"))
    .Read(read => read.Action("GetData", "Imagetest"))
        .Model(model =>
        {
            model.Field(p => p.IMAGESIZE_ID).Editable(true);
            model.Id(p => p.IMAGESIZE_ID);
            model.Field(p => p.IMAGESIZE_ID).Editable(false);
           // model.Field(p => p.isenabled).DefaultValue(true);
        })
    )
.Columns(columns =>
{
    //columns.Bound(c => c.IMAGESIZE_ID).ClientTemplate("<input type='checkbox' value #=IMAGESIZE_ID#  />").Width(50);
    columns.Bound(c => c.IMAGESIZE_ID).ClientTemplate("<input type='checkbox' value #=IMAGESIZE_ID#  />").Title("Image No");
    columns.Bound(c => c.IMAGESIZE_NAME).Width(140).Title("Image Name");
    columns.Bound(c => c.IMAGESIZE_DESC).ClientTemplate("<img src='" + Url.Content("~/Images/") + "#=IMAGESIZE_NAME#'/>").Title("Image");
    columns.Bound(c => c.created_by).Title("Created By");
    columns.Bound(c => c.created_date).Title("Created Date");
    columns.Bound(c => c.modified_by).Title("Modified By");
    columns.Bound(c => c.modified_date).Title("Modified Date");
    columns.Command(command =>
        {
            command.Edit(); command.Destroy();
        });
})
.ToolBar(toolbar => toolbar.Create())
.Editable(editable =>editable.Mode(GridEditMode.PopUp))//TemplateName("ImageModel")
.HtmlAttributes(new { style = "height: 580px;" })
.Scrollable()
.Sortable()
.Pageable(pageable => pageable
    .Refresh(true)
    .PageSizes(true)
    .ButtonCount(5)
))
于 2015-01-07T05:40:52.813 回答
0

我们发布了一篇详细的博客文章，演示了如何通过 ASP.NET Web API 公开数据。一旦您的数据可以通过 HTTP 访问，通过 Kendo UI 的 DataSource 组件绑定一个 Grid 小部件就很简单了。

于 2012-05-29T07:00:35.370 回答