是否有可能更改struts2-jquery-grid-tags的css顏色

我如何更改我的struts2-jquery-grid-tags的css風格我甚至不能更改我的標題圖層字體大小。任何人都可以告訴我，如何改變我的網格樣式，顏色和其他格式，就像普通的html元素一樣。是否有可能更改struts2-jquery-grid-tags的css顏色

來源

2014-02-08 user3214145

是否有更改CSS什麼問題？ –

我使用默認的struts2-jquery-grid.so，網格默認爲藍色。我不知道默認的struts2-jquery-grid的css源代碼。 – user3214145

用途：

<%@ taglib prefix="sj" uri="/struts-jquery-tags"%> 
... 
<sj:head jqueryui="true" 
     jquerytheme="customTheme" 
     customBasepath="relative/path/customThemesFolder"/>

，並在您customThemesFolder創建themeroller自定義主題（應該是customTheme）。這應該改變你的網格主題，你可以改變你想要的所有樣式。

希望這會有所幫助。

EDITED 當你下載你得到的東西是這樣的：

/jquery-ui-1.10.4.custom/css/THEME

和內部CSS，圖像等主題是你所需要的。請注意 - 頁面中的css導入或者你必須遵循先前的jqgrid風格。的人說，如果不工作，把這個頁面的末尾：

<script> 
    $.subscribe('loadCustomCss', function(event,data){    
     $.struts2-jquery.requireCss(cssFile, basePath); 
    }); 
</script>

，並在網格標籤（SJ：頭）添加

onCompleteTopics="loadCustomCss"

如果仍然沒有工作試試這個腳本（不是以前的）：

<script> 
    $.subscribe('loadCustomCss', function(event,data){ 
     $('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '../customThemeFolder/myTheme.css')); 
    }); 
</script>

照顧相對路徑。

來源

2014-02-08 10:04:35

我包含這幾行，並且在customBasePath.j中包含了jquery-ui-1.10.4.custom.css，但它不工作。我只複製這個文件jquery-ui-1.10.4.custom.css。是否有必要複製和粘貼主題輥的所有文件到我們的項目（webContent） – user3214145

我剛剛編輯我的答案。 –

網格的CSS是從struts-jquery-grid-plugin.jar動態加載的。

template/themes/ui.jqgride.css.

打開這個文件，你會發現你可以騎的css鍵。

另一方面，如果你不想更新並添加你的jqgride css，你可以動態地從網格中刪除css。

這裏是去除了一些默認的

$.subscribe('grid_compelete', function(event, data) { 

     //remove mouse over color change 
     $($("#gridtable")[0].grid.hDiv).find(".ui-jqgrid-labels th.ui-th-column").unbind("mouseenter").unbind("mouseleave");   

     //Change header color 
     $($("#gridtable")[0].grid.hDiv).find(".ui-jqgrid-labels th.ui-th-column").addClass("yourClassColor"); 

    //remove the 'ui-' from the css classes which automaticly created by grid tag 
    //the gbox_gridtable is the most top element in the grid 
    $('#gbox_gridtable').find('*').andSelf().attr('class', 
      function(i, css){ 
       if (typeof css !== 'undefined') { 
         return css.replace(/\ui-\S+/g, ''); 
        } 
      }); 


     // remove default td title in jquery grid 
     $("td").each(function() { 
      var td = $(this); 
      if (td.attr("role") == "gridcell") { 
       td.removeAttr("title"); 
      }; 
     }); 
});

在JSP代碼：

<sjg:grid id="gridtable" onGridCompleteTopics="grid_compelete"

來源

2014-02-08 13:56:43

是否有可能更改struts2-jquery-grid-tags的css顏色

回答

相關問題