根据单元格的值为jqgrid中的行和插入图像着色

时间:2013-12-31 05:12:37

标签: jquery jqgrid

我的应用程序需要在jqgrid上执行操作.jqgrid由html页面填充,我想保持不变。我的代码提供了2个选项

  

一个。根据单元格的值着色一行
  湾根据单元格的值在单元格中插入图像

我想通过访问jqgrid的对象来执行此操作。例如,为了隐藏列,我执行了以下操作

myObject.jqGrid("hideCol",hiddenColumns);

1 个答案:

答案 0 :(得分:0)

一个。根据单元格的值着色一行:

//get total rows in you grid
var numberOfRecords = myObjectofGrid.getGridParam("records");
for(var i=1;i<=numberOfRecords;i++)
{
var rowdata =myObjectofGrid.getRowData(i);
var seVal = rowdata.mycolumn;
        switch(seVal){
        case 'red':         myObjectofGrid.jqGrid('setRowData',i,false,'myRedColor-Class');break;
        case 'green' :  myObjectofGrid.jqGrid('setRowData',i,false,'mygreenColor-class');break; 

        }

}

湾根据单元格的值在单元格中插入图像:

myObjectofGrid.setColProp('mycolumn',{formatter:myFormatter}).trigger('reloadGrid');

myFormatter:

function myFormatter (cellvalue, options, rowObject)
{  
      switch(cellvalue){
        case 'img1':        newCell="<img src='../../Content/images/ui-flag_someimg1.png' />"+cellvalue;break;
        case 'img2' :  newCell="<img src='../../Content/images/ui-flag_someimg2.png' />"+cellvalue;break; 
        }                 
    return newCell;
}