如何在jqGrid中向列添加类或id

时间:2014-07-02 13:24:57

标签: javascript css jqgrid

如何在列中添加类或id,实际上我认为这是我只需要在一列中更改“悬停”颜色的方式,我尝试了一些方法但失败了。

jQuery(grid_selector).jqGrid({
  url:urllst,
  datatype: 'json',
  height: 'auto',
  width: 'auto',
  ignoreCase: true,
  colNames:['XX','XX','XX','XX','XX','XX','XX,'XX','XX','XX','XX?' ],  
  colModel:[
    {name:"XX",index:"XX", width:100, sorttype:'text', viewable: true, frozen: true, focus: true, 
      stype:'text',
      formoptions:{elmprefix:'*', label: 'XX:', rowpos:1, colpos:1},
      editable:true,
      editrules: {required: true},
      edittype: 'custom',
      editoptions: {style: "text-transform: uppercase",
      'custom_element' : macro_uf_element,
      'custom_value'   : macro_uf_value,
    },

如果可能的话,是否通过JavaScript非常重要。

1 个答案:

答案 0 :(得分:0)

您可以告诉jqGrid将一个类添加到列的每个单元格中:

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:colmodel_options

  

属性:类   说明:此选项允许向列中添加类。如果将使用多个类,则应设置空格。以身作则   classes:'class1 class2'将class1和class2设置为每个单元格   那一栏。在网格css中有一个预定义的类ui省略号   允许将省略号附加到特定行。这也会   也在FireFox工作。

jQuery(grid_selector).jqGrid({
  url:urllst,
  datatype: 'json',
  height: 'auto',
  width: 'auto',
  ignoreCase: true,
  colNames:['XX','XX','XX','XX','XX','XX','XX','XX','XX','XX','XX?' ],  
  colModel:[
    {name:"XX",index:"XX", width:100, sorttype:'text', viewable: true, frozen: true,
   focus: true, 
   stype:'text',
   formoptions:{elmprefix:'*', label: 'XX:', rowpos:1, colpos:1},
   editable:true,
   editrules: {required: true},
   edittype: 'custom',
   editoptions: {style: "text-transform: uppercase",
   'custom_element' : macro_uf_element,
   'custom_value'   : macro_uf_value,
   classes: 'your_class_here'
},