链接主题的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属性来解决此问题吗？

E.g。

    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>";