grails - 自定义格式器生成的链接仅在鼠标悬停在其上时显示其文本

Question

我正在使用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>

Answer 1

尝试添加您的链接

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中检查您的链接并查看对该链接应用了哪些样式，并且您的字体颜色与背景相同或字体大小很小或类似。