爲主題的鏈接不可見

好日子的jqGrid的CustomFormatter - 我使用的jqGrid（4.4.4）用jQuery UI的1.10.0爲主題的鏈接不可見

我已經建立了使用自定義formamtter提供使用簡單的鏈接

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

儘管鏈接工作正常 - 鏈接上的文本被沖淡，並且不可見，因爲背景顏色和鏈接顏色幾乎相同。

它似乎並不重要，我使用錨文本的主題總是被淘汰。

enter image description here

的思考？

來源

2013-02-22 Nutshell

你可以嘗試添加一個style屬性來解決這個問題嗎？

E.g.

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

來源

2013-02-22 23:27:12 dev

我知道我可以做到這一點 - 但是，從使用主題 - – Nutshell 2013-02-23 01:10:52

的角度分心，確定這只是一個建議。有些東西顯然壓倒了CSS是你的主題，我會建議在Web檢查器中查看它是否從其他地方繼承。如果沒有，那麼你可以嘗試在主題樣式中添加'！important'，這樣它就優先於其他所有樣式。 – dev 2013-02-23 01:16:23

我只使用jquery ui主題和jqgrid css – Nutshell 2013-02-23 01:29:15

在自定義的格式化功能添加類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>";

來源

2013-02-23 04:25:55 Kris

感謝Kris的建議，但這也不管用。看到[鏈接]（http://nutshells.info/temp/jqgridAnchor.png）與結果。 – Nutshell 2013-02-24 22:51:15

我以爲你想按照你選擇的主題按鈕/鏈接樣式。查看更新的答案 – Kris 2013-02-25 03:43:33

感謝您試圖幫助克里斯 - 這些建議都無效。我試圖得到的僅僅是一個正常的帶下劃線的文本，與其他列匹配的其他值（在這種情況下是黑色文本的白色背景）匹配主題。再次感謝您的建議。不知道爲什麼錨標籤變得越來越高 - 一定是某處的混亂。 – Nutshell 2013-02-28 22:42:30

爲主題的鏈接不可見

回答

相關問題