jqgrid:将图标添加到预定义格式列

时间:2012-07-23 10:34:08

标签: jqgrid jqgrid-formatter

var jqGridModel = [
            { name: 'month', index: 'Month', width: 120, sorttype: "String", hidden: true }, //hidden column
            {name: 'monthID', index: 'MonthID', width: 120, sorttype: "int", formatter: convertToMonthName },
            { name: 'amount', type: "Decimal", index: 'amount', width: 120, sorttype: "float", formatter: 'currency', formatoptions: { decimalSeparator: fmtr[0], thousandsSeparator: fmtr[1], decimalPlaces: 2, suffix: fmtr[3], prefix: fmtr[2]} },
            ];

fmtr是我定义的自定义方法,用于处理多种货币。

在上面的网格中,我希望在金额值旁边的金额列中有一个图像。点击此图片,它会转到另一个页面,显示金额的详细信息(分解)。

由于我已经使用了'currency'格式化程序,因此我不确定是否可以在该列上使用自定义格式化程序。有什么方法可以实现这一目标。

我想把图像添加到这样的后缀中:

// suffix: fmtr[3] + "<img src='../Content/img/show-detail-icon.png'/> onclick='showDetails'"

但在这种情况下,我不知道如何将monthID传递给onclick函数。

1 个答案:

答案 0 :(得分:1)

您可以从自定义格式化程序功能调用currency格式化程序 - 有关示例,请参阅this answer。使用格式化程序的好处是您可以访问单元格值以及行对象(对于同一行中的其他单元格值)。这样,您就可以将所需的任何ID传递给onclick处理程序。