/ / Primefaces का उपयोग करना 5.1 केवल जावास्क्रिप्ट का उपयोग करके रनटाइम पर बटन चिह्न शैली को कैसे बदलना है। (कोई अजाक्स कॉल नहीं) - जावास्क्रिप्ट, प्राइमफेस, स्टाइल, आइकन

प्राइमफेस का उपयोग करना 5.1 केवल जावास्क्रिप्ट का उपयोग कर रनटाइम पर बटन आइकन शैली को कैसे बदलें। (कोई AJAX कॉल नहीं) - जावास्क्रिप्ट, प्राइमफेस, शैलियों, प्रतीक

मैं प्रधानमंत्री 5.1 का उपयोग कर रहा हूं। बिना किसी सर्वर अनुरोध के मैं एक बटन के आइकन को बदल दूंगा। जिस बटन आइकन का उपयोग किया जाना है उसे जावास्क्रिप्ट विधि द्वारा परिभाषित (या परिवर्तित) किया जाना चाहिए।

विचार: जिस आइकन का उपयोग करना है, उसे परिभाषित करने के लिए एक जावास्क्रिप्ट विधि का उपयोग करके एक दूसरा बटन दबाने पर अपूर्ण। और इस नए आइकन के साथ खुद को अपडेट करने के लिए पहले बटन की सलाह दें।

समस्या: मुझे पता नहीं है कि आइकन को कैसे सेट किया जाए p:commandButton एक जावास्क्रिप्ट विधि का उपयोग कर। मुझे बीन का उपयोग करना है: p:comandButton icon="#{myBean.getIcon}" .... न ही मैं शैली या आइकन को परिभाषित कर सकता हूं बटन को सीधे बटन के जावास्क्रिप्ट प्राइमफेस ऑब्जेक्ट तक पहुंचकर उपयोग करना है।

कौन मदद कर सकता है?

उत्तर:

जवाब के लिए 0 № 1

बटन पर आइकन सीएसएस के माध्यम से सेट किया गया है। यदि आप उत्पन्न html में देखते हैं तो आप देख सकते हैं। (पहली अवधि में नीचे ui- आइकन-डिस्क)

<button id="j_idt87:withIcon" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" type="submit" style="margin-right:20px;" onclick="PrimeFaces.ab({s:"j_idt87:withIcon",u:"j_idt87:growl"});return false;" name="j_idt87:withIcon" role="button" aria-disabled="false">
<span class="ui-button-icon-left ui-icon ui-c ui-icon-disk"></span>
<span class="ui-button-text ui-c">With Icon</span>
</button>

वर्ग में हेरफेर करके, जैसे jquery, आप आसानी से आइकन बदल सकते हैं (उम्मीद है कि मैं पूरी तरह से समाधान नहीं पोस्ट कर सकता हूं, लेकिन पोस्टर पर कुछ काम छोड़ दूंगा)