2015-03-20 3 views
0

Я хочу отобразить изображение в столбце jqgrid для всех данных, которые я получаю из '/ Index/CaseBatchDetailList'. У меня есть мой jquery like,Как отобразить изображение в столбце jqgrid

$(function() { 
var outerwidth = $('#TableCaseDtlsView').width(); 
$("#CaseBatchDetailList").jqGrid({ 
    url: '/Index/CaseBatchDetailList', 
    datatype: 'json', 
    mtype: "GET", 
    colNames: ["Serial Number", "Denomination", "Note Image", "Back Image"], 
    colModel: [ 
        { name: "serialno", sortable: true, width: "120px", align: "center" }, 
        { name: "denomination", sortable: true, width: "120px", align: "left" }, 
        { 
         name: "frontimageurl", sortable: false, width: "290px", align: "center", fixed: true, 
         formatter: function() { 
          return "<img src = /F:/MCP_Images/635101007551068098_324.jpg>"; 
         } 
        }, 
        { 
         name: "backimageurl", sortable: false, width: "290px", align: "center", fixed: true, 
         formatter: function() { 
          return "<img src = /F:/MCP_Images/635101007551068098_324.jpg>"; 
         } 
        } 
    ], 
... 
}); 

Я просто попытался с примером для img src. Мне нужно отображать разные изображения в разных столбцах. Как я начинаю, я не знаю, как манипулировать этим. Скажите мне, как этого добиться.

+0

Вы не должны поместить файл '': // путь. вместо этого вы можете поместить свои изображения в папку своего проекта и относить их относительно. – Jai

+0

Я просто попытался с примером. Actully мне нужно отобразить список изображений, возвращенных из '/ Index/CaseBatchDetailList' –

+0

, можете ли вы опубликовать свой список и в своем вопросе. – Jai

ответ

0

Как я видел ваш комментарий, который вы испытываете источник изображения в списке, то в вашем форматировщике вы можете сделать это:

formatter: function (cellvalue, options, rowobject) { 
    return "<img src='"+cellvalue+"'>"; 
} 
+0

Большое вам спасибо. Он работает, но не отображает изображение, а отображает небольшую иконку с символом «X». –

Смежные вопросы