jquery - 从 jqgrid 单元格值获取文本

Question

我使用格式化程序在 jqgrid 单元格中插入了图像和文本，如下所示:

function myFormatter (cellvalue, options, rowObject)
{  
      switch(cellvalue){
        case 'Unknown':         newCell="<img src='../../Content/images/ui-flag_green.png' />"+cellvalue;break;//unknown
        case 'Informational' :  newCell="<img src='../../Content/images/ui-flag_green.png' />"+cellvalue;break; //informational
        case 'Warning' :        newCell="<img src='../../Content/images/ui-flag_green.png' />"+cellvalue;break; //warning       
        }                 
    return newCell;
}

我需要检查单元格的每个值以进行另一项操作。因此我只需要获取单元格值的文本部分。

类似这样的事情:

var rows =myGrid.getRowData();
//for(var i=1;i<=rows;i++)
for(var i=1;i<=rows.length;i++)
{
        var rowdata =myGrid.getRowData(i);
        var Val = rowdata.myColumn;    

        switch(Val){
        case 'Unknown':         do this 1;break;//unknown
        case 'Informational' :  do THIS 2;break; //informational
        case 'Warning' :        do this 3;break; //warning    
}

获取到的Val是图像，但我的要求是文本。

Answer 1

为什么不在格式化程序中向图像添加标题和id，如下所示:

类似这样的东西:

<img id='cusmFrmt_"+rowObject.id+"' title='"+cellvalue+"'
src='../../Content/images/ui-flag_green.png' />"+cellvalue;

So formatter would be:

function myFormatter (cellvalue, options, rowObject)
{  
          switch(cellvalue){
            case 'Unknown':         newCell="<img id='cusmFrmt_"+rowObject.id+"' title='"+cellvalue+"' src='../../Content/images/ui-flag_green.png' />"+cellvalue;break;//unknown
            case 'Informational' :  newCell="<img id='cusmFrmt_"+rowObject.id+"' title='"+cellvalue+"' src='../../Content/images/ui-flag_green.png' />"+cellvalue;break; //informational
            case 'Warning' :        newCell="<img id='cusmFrmt_"+rowObject.id+"' title='"+cellvalue+"' src='../../Content/images/ui-flag_green.png' />"+cellvalue;break; //warning       
            }                 
        return newCell;
}

After that in your getRow stuff:

var imgObject = $('#cusmFrmt_'+rowdata.id);
// get cell value
var cellValueTxt = imgObject.attr('title');

所以实际上它看起来像这样:

var rows =myGrid.getRowData();
//for(var i=1;i<=rows;i++)
for(var i=1;i<=rows.length;i++)
{
        var rowdata =myGrid.getRowData(i);
        var Val = rowdata.myColumn;  
        // get image object     
        var imgObject = $('#cusmFrmt_'+rowdata.id);
        // get cell value
        var cellValueTxt = imgObject.attr('title');

        switch(cellValueTxt){
        case 'Unknown':         do this 1;break;//unknown
        case 'Informational' :  do THIS 2;break; //informational
        case 'Warning' :        do this 3;break; //warning    
}