自定义格式化程序生成的链接仅在鼠标悬停时显示其文本

时间:2011-04-18 03:32:54

标签: grails jqgrid

我正在使用jqgrid grails插件。

该列的列模型是:

  {name:'id', index:'id', editable:true, align:'center', formatter:jobListLinkFormatter}

自定义格式化程序是:

 function jobListLinkFormatter(cellvalue, options, rowObject){


    var url = "${createLink(action:'jobListJSON')}" +"/"+cellvalue;

    var link ="<a href='" + url + "'"+">my link</a>";
    return link;
  };

链接生成正确,但文本“我的链接”仅在鼠标悬停时显示。这个问题的原因是什么?

添加生成html:链接的文本仅在鼠标悬停在行上并且应用了“ui-state-hover”时显示

<table id="configGrid" class="jqTable ui-jqgrid-btable" cellspacing="0" cellpadding="0" border="0" role="grid" aria-multiselectable="false" aria-labelledby="gbox_configGrid" style="width: 1178px; ">
   <tbody>
       <tr class="jqgfirstrow" role="row" style="height:auto">
         <td role="gridcell" style="height:0px;width:1178px;"></td>
       </tr>
        <tr id="4" role="row" class="ui-widget-content jqgrow ui-row-ltr">
          <td role="gridcell" style="text-align:center;" title="my link" aria-describedby="configGrid_id">
              <a href="/icm.server/configuration/jobListJSON/5">my link</a>
          </td>
       </tr>
   </tbody>
</table>

1 个答案:

答案 0 :(得分:0)

尝试添加链接

function jobListLinkFormatter(cellvalue, options, rowObject){


    var url = "${createLink(action:'jobListJSON')}" +"/"+cellvalue;

    var link ="<a href='" + url + "'"+" style='font-color:red' >my link</a>";
    return link;
  };

或class =“ui-state-error-text”

如果这样做会意味着您遇到css问题,那么在firebug中检查您的链接并查看应用于此链接的样式,并且您的字体颜色与背景相同或字体大小很小或类似。< / p>