在jqgrid标题中设置图像

时间:2012-08-19 08:35:14

标签: jqgrid

任何人都知道是否可以在jqgrid的一个列标题中设置图像?

我尝试了以下内容:

$("#jqgh_Jqgrid_1_t_TEST").prepend("<img src='...' alt='test' />");

我认为这可能有用,但什么时候应该调用函数?

1 个答案:

答案 0 :(得分:4)

正如Piyush所说,这可以使用setLabel方法完成。来自method documentation

  

setLabel

     

colname的,   数据,   类,   特性

     

在指定列的标题中设置新标签;还可以设置属性和类。参数是:

     
      
  • colname列的名称(此参数可以是从0开始的数字(列的索引)
  •   
  • 数据可以放入标签的内容。如果为空字符串,则不会更改内容
  •   
  • class如果class是string,那么我们使用addClass向标签添加一个类;如果class是一个数组,我们通过css
  • 设置新的css属性   
  • 属性设置标签
  • 的属性   

以下是如何使用setLabel显示图片的示例:

jQuery(myGrid).jqGrid('setLabel', 
  'myColName', 
  '<img src=images/my-image.png width=16 height=16>');

您可能希望将高度设置为大约16像素,因此它与网格文本具有相同的高度,如本示例所示,但这完全取决于您。