2012-01-05 11 views
5

में jquery ग्रिड थीम (ui.jqgrid.css स्थान) बदलें मेरे पास मेरे वेबपृष्ठ पर एक jquery ग्रिड घटक है। मैं सीएसएस फ़ाइल को बदलना चाहता हूं, जो इसका उपयोग करता है। मैं जे जे में सेट: हेड टैग:struts2

<sj:head jqueryui="true" jquerytheme="custom-theme" customBasepath="css"/> 

और मैं अपने वेब पेज पर इस HTML टैग देखें:

<link type="text/css" href="css/custom-theme/jquery-ui.css" rel="stylesheet" id="jquery_theme_link"> 

शैलियाँ jQuery ग्रिड घटक के लिए पथ

<link rel="stylesheet" type="text/css" href="/appname/struts/themes/ui.jqgrid.css"> 

मैं है फ़ाइलें इस पथ को इस तरह होना चाहते हैं:

<link rel="stylesheet" type="text/css" href="css/custom-theme/ui.jqgrid.css"> 

मैं स्ट्रैट्स jquery ग्रिड सीएसएस फ़ाइल स्थान कहां सेट कर सकता हूं?

उत्तर

1

मुझे एक ही परेशानी थी, ग्रिड खत्म होने के बाद समाधान सीएसएस को ओवरराइड करना था।

<sjg:grid 
    ... 
    onCompleteTopics="loadCustomCss" 
    ... 
/> 
अपने jsp में

फिर

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

कहाँ grid.css अपने कस्टम सीएसएस, आप प्लगइन द्वारा प्रदान की सीएसएस कॉपी कर सकते हैं और यह विशेष रूप से उपयोगी है जब आप इसे एक Maven निर्भरता के रूप में भरी हुई थी ।

1

आप क्या कर सकते हैं के रूप में:

<sjg:grid ... onGridCompleteTopics="myCssLoaderTopic" ....> 

एक फिर अपने विषय में

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

कृपया उल्लेख करने के लिए: https://groups.google.com/forum/#!topic/struts2-jquery/Aurqeuwhiuo