image <p: selectOneButton> छवियों के साथ



jsf primefaces (1)

वास्तव में, <p:selectOneButton> के रेंडरर लेबल में किसी भी HTML को ध्यान में नहीं लेता है आपकी सबसे अच्छी शर्त यह है कि इसे सीएसएस पृष्ठभूमि की छवि के रूप में सेट करना है।

एक को देखते हुए

<p:selectOneButton ... styleClass="buttons">

आप CSS3 का उपयोग करते हुए व्यक्तिगत बटन शैली कर सकते हैं :nth-child() pseudoselector

.buttons .ui-button:nth-child(1) {
    background: url("#{resource['img/myImg1.png']}") no-repeat;
}
.buttons .ui-button:nth-child(2) {
    background: url("#{resource['img/myImg2.png']}") no-repeat;
}

यदि आप फिर भी उन ब्राउज़रों को लक्षित कर रहे हैं जो इसका समर्थन नहीं करते ( कुछ IE संस्करण ), तो आप जेएसएस / jQuery के माध्यम से नौकरी का प्रदर्शन नहीं कर सकते।

$(".buttons .ui-button:eq(0)").css("background", "url('resources/img/myImg1.png') no-repeat");
$(".buttons .ui-button:eq(1)").css("background", "url('resources/img/myImg2.png') no-repeat");

ठोस समस्या से संबंधित नहीं, जिस तरह से आप संसाधन library का उपयोग कर रहे हैं वह पूरी तरह सही नहीं है ध्यान से पढ़ें जेएसएफ संसाधन लाइब्रेरी क्या है और इसे कैसे इस्तेमाल किया जाना चाहिए? इसके बारे में अधिक जानने के लिए

मैं प्राइमफेशंस के साथ JSF का उपयोग कर रहा हूं, मैं केवल छवियों के साथ रेडियोबूटटन के एक बटनटेट का उपयोग करना चाहता हूं, लेकिन मैं इसे काम नहीं कर सकता।

यहां कोड है:

    <p:selectOneButton value="#{LoginBean.user}" >  
        <f:selectItem itemLabel="&lt;img src=&quot;/myApp/faces/javax.faces.resource/myImg1.png?ln=img&quot;/&gt;" itemValue="1"/>
        <f:selectItem itemLabel="&lt;img src=&quot;/myApp/faces/javax.faces.resource/myImg2.png?ln=img&quot;/&gt;" itemValue="2"/>
    </p:selectOneButton>

मैंने "एस्केप", "बचईटीम" और यहां तक ​​कि "आइटम एस्केपेड" विशेषताओं के साथ अक्षर बचने की कोशिश की मैं इस दूसरे प्रश्न में अंतिम एक के बारे में पढ़ा। उस प्रश्न का समाधान <h:selectOneRadio> का उपयोग करता है, नहीं <p:selectOneButton>

नोट: मुझे पता है कि यह jQueryUI buttonset() विधि का उपयोग कर काम करता है (प्रिफ़ाईफस इसे पृष्ठभूमि पर उपयोग करता है) इसलिए यह एक स्क्रिप्ट समस्या नहीं है ..

तो, क्या यह <p:selectOneButton> साथ ऐसा करने योग्य है?

धन्यवाद!





selectonebutton