css - 链接主题的 jqgrid customformatter 不可见

Question

美好的一天 - 我正在使用 jqGrid (4.4.4) 和 jquery ui 1.10.0

我已经设置了使用自定义formamtter来提供一个简单的链接使用

return "<a href='#'  onclick=\"openProlianceWindowAnchor('" + urlLink + "','" + rowObject.DocumentGuid + "'); return false;\" >" + cellvalue +"</a>"; 

虽然链接正常工作 - 链接上的文本被洗掉并且不可见，因为背景颜色和链接颜色几乎相同。

我使用的锚文本总是被淘汰似乎并不重要。

想法？

Answer 1

你可以尝试添加一个style属性来解决这个问题吗？

例如

    return "<a href='#' style="color:black;" onclick=\"openProlianceWindowAnchor('" + urlLink + "','" + rowObject.DocumentGuid + "'); return false;\" >" + cellvalue +"</a>"; 
                        ^^^^^^^^^^^^^^^^^^^

Answer 2

在自定义格式化程序函数中添加一个ui-state-default a如下所示的类

 return "<a href='#'  class="ui-state-default a" onclick=\"openProlianceWindowAnchor('" + urlLink + "','" + rowObject.DocumentGuid + "'); return false;\" >" + cellvalue +"</a>"; 

如果您想添加按钮而不是链接，您可以使用下面给出的类

ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only

这些是 jquery css 类，因此将根据您选择的主题进行更改

更新：如果你不想要链接/按钮，你可以使用下面的代码

return "<a href='#'  class=".ui-widget-content a" onclick=\"openProlianceWindowAnchor('" + urlLink + "','" + rowObject.DocumentGuid + "'); return false;\" >" + cellvalue +"</a>"; 

如果您不想在链接中显示下划线，请使用以下代码

return "<a href='#'  class="ui-button .ui-widget-content a" onclick=\"openProlianceWindowAnchor('" + urlLink + "','" + rowObject.DocumentGuid + "'); return false;\" >" + cellvalue +"</a>";