在jqxgrid的单元格中添加图像

时间:2014-07-14 14:04:29

标签: javascript jquery jqxgrid

我已经将Jqxgrid用于一个项目,该项目成功地从传递给它的json字符串中加载数据作为数据源。我想在每个特定的条目/行中再次在列单元格中显示图像/图标。以下代码初始化网格:

 $("#jqxgrid").jqxGrid(
        {
            width: 850,
            source: dataAdapter,                
            pageable: true,
            autoheight: true,
            sortable: true,
            altrows: true,
            enabletooltips: true,
            editable: true,
            theme: 'energyblue',
            selectionmode: 'multiplecellsadvanced',
            columns: [
           align: 'right', cellsalign: 'right', cellsformat: 'c2', width: 200 },

              { text: 'SendMail', columngroup: 'Mail Details', datafield: 'ID', width: 50 },
              { text: 'Content Type', columngroup: 'Mail Details', datafield: 'LinkFilename', cellsalign: 'right', align: 'right', width: 200 },
              { text: 'Sender', columngroup: 'Mail Details', datafield: 'Sender', align: 'right', cellsalign: 'right', cellsformat: 'c2', width: 200 },
              { text: 'Date', datafield: 'Created', cellsalign: 'right', cellsrenderer: cellsrenderer, width: 250 },

            ],
            columngroups: [
                { text: 'Mail Details', align: 'center', name: 'Mail Details' }
            ]
        }); 

请指导我。

1 个答案:

答案 0 :(得分:0)

您可以在JqxGrid中使用Image Column。 Tutorial