jqGrid 从数据库中按行显示图像

Question

我试图在 jqGrid 中显示来自记录的图像，但它不起作用。

我的 jqGrid 中的每条记录都有一个 id。为了从我的数据库表中获取图像，我编写了一个 ActionResult，它将存储在数据库表中的文件（图像）返回到 id。

因为每条记录都有一个唯一的 id，所以我在我的页面中有一个隐藏字段，jq 应该存储格式化到格式化程序的实际记录的实际 id。

当我用firebug查看代码时，似乎隐藏字段的方式不起作用。

也许你有一个想法？

这是我的代码：

<input type="hidden" name="cellvalue" value="" />
<script type="text/javascript">
$(function () {
    $("#PartialIndexGrid").jqGrid({
        url: '/@ViewContext.RouteData.Values["Controller"].ToString()/IndexGridData',
        datatype: 'json',
        mtype: 'POST',
        colNames: ['Details', 'Bearbeiten','Bild', 'Titel', 'Bearbeitungsort', 'Status'],
        colModel: [
              { name: 'Details', index: "Details", edittype: 'select', align: "center", width: 45, formatter: 'showlink', formatoptions: { baseLinkUrl: '/Shared/Details/', addParam: ''} },
              { name: 'Bearbeiten', index: "Bearbeiten", edittype: 'select', align: "center", width: 80, formatter: 'showlink', formatoptions: { baseLinkUrl: '/Shared/Edit/', addParam: ''} },
              { name: 'Bild', index: 'Bild', edittype: 'image', formatter: imageFormatter },
              { name: 'Titel', index: 'Titel'},
              { name: 'Bearbeitungsort', index: 'Bearbeitungsort' },
              { name: 'AuftragStatus', index: 'AuftragStatus'}
            ],
        pager: $("#PartialIndexGridpager"),
        rowNum: 10,
        rowList: [5, 10, 20, 30],
        sortname: 'Titel',
        sortorder: "asc",
        viewrecords: true,
        width: 942, 
        caption: ''
    })
});
function imageFormatter(cellvalue, options, rowObject) {
        $("cellvalue").val(cellvalue);
        return '<img src="@Url.Action("AuftragDBImage", "Shared", new { id = Request.Form["cellvalue"]})" />';
}; 

public ActionResult AuftragDBImage(Guid id)
    {
        try
        {
            var auftrag = _db.Auftrag.Where(x => x.Auftrag_GUID == id).Select(x => x).Single();
            return File(auftrag.Bild, "image/jpeg");
        }
        catch (Exception)
        {

            return File(pfaddummybild, "image/jpeg");
        }
    }

问候， 浮动

Answer 1

您是否注册了格式化程序？我认为您需要在加载网格之前执行此操作。这是一个例子：

$.fn.fmatter.imageFormatter = function(cellvalue, options, rowObject) { return ""; }; 脚本>

请注意，您在格式化程序中没有 Request.Form 对象（请记住您在客户端上），因此请使用常规 url。