2011-11-23 9 views
5

के साथ एएसपी: बटन को प्रतिस्थापित करना संभव है, मैं एएसपी फॉर्म का उपयोग कर रहा हूं और जानना चाहता हूं कि सीएसएस का उपयोग करके स्टाइल किए गए HTML तत्वों के साथ मानक बटन को प्रतिस्थापित करना संभव है या नहीं।क्या एचटीएमएल तत्व

मेरे प्रवेश पृष्ठ एक मानक बटन

<asp:Button ID="LoginButton" runat="server" Text="Login" 
    onclick="LoginButton_Click" /> 

कोड के पीछे (सी #) से जुड़ा हुआ है जो लॉगिन जांच करता है उपयोग करता है।

मैंने HTML <button> तत्व का उपयोग करके लागू कुछ अच्छे बटन देखे हैं और सीएसएस के साथ स्टाइल किए हैं जिनमें छवियों और हाइलाइटिंग पर रोल जैसी सुविधाएं हो सकती हैं। मूल HTML इस

<button type="submit" class="positive" onclick ="..."> 
    <img src="/icons/tick.png" alt=""/> 
    Login 
</button> 

मैं एक और सवाल पर चर्चा Difference between asp:button and html's button इसलिए मैं समझता हूँ <button> तत्व एक ड्रॉप में प्रतिस्थापन नहीं है, लेकिन मुझे पता है कि अगर asp:button बदला जा सकता है की तरह है और अभी भी चाहते हैं देखा है की तरह लग रहा LoginButton_Click सी # कोड के पीछे कॉल करें?

संपादित करें:
हालांकि मैं एएसपी उपयोग कर रहा हूँ मैं यदि आवश्यक हो तो कुछ क्लाइंट पक्ष जावास्क्रिप्ट का उपयोग करने से परहेज नहीं करते।

बटन मैंने देखा जो मुझे इस बारे में सोच मिला है यहां पाया गया: Rediscovering the Button Element

संपादित करें 2: मैं answer from XIII की कोशिश की LinkButton एएसपी नियंत्रण का उपयोग और कहा कि, काम बटन प्रतिपादन के रूप में मैं चाहता था और सक्रिय करने जब क्लिक सी #

<asp:LinkButton ID="LoginBtn" CssClass="button positive" 
     OnClick="LoginButton_Click" runat="server"> 
    <img src="/icons/tick.png" alt=""/> 
    Login 
</asp:LinkButton> 

जावास्क्रिप्ट पेज (के रूप में कर्ट ने उल्लेख किया) जो मेरे लिए एक समस्या नहीं था, लेकिन अन्य लोगों के लिए हो सकता है करने के लिए डाला जाता है; लेकिन asp:loginview और फ़ॉर्म प्रमाणीकरण से जुड़े अन्य नियंत्रणों के बाद से पहले ही जावास्क्रिप्ट की आवश्यकता है मुझे यकीन नहीं है कि यह समाधान के साथ एक समस्या है।

मुझे लगता है मैं क्या सोचा था, <button> के लिए <asp:button>

उत्तर

2

जवाब देखें:

एएसपी यदि: बटन कर सकते हैं प्रतिस्थापित किया जा सकता है और अभी भी LoginButton_Click C# कोड को कॉल कर सकता है?

हाँ है। आप की तरह एक बटन है, तो:

<button type="submit" id="submit" class="positive" runat="server">Submit</button> 

विशेषता आप स्थापित करने की आवश्यकता नहींonclick, लेकिन onserverclick है। तुम भी कुछ ऐसा कर सकता है: आप उस बटन पर शैली देने की जरूरत है

protected override OnInit(EventArgs e) 
{ 
    submit.ServerClick += new EventHandler(submit_ServerClick); 
} 

, मुझे लगता है कि सबसे अच्छा तरीका है कि निपटने के लिए सीएसएस वर्गों के माध्यम से है जैसे आप अपने उदाहरण में है।

1

एक ड्रॉप में प्रतिस्थापन हो सकता है आप <asp:Button/> की cssClass संपत्ति के माध्यम से CSS वर्ग निर्धारित कर सकते हैं के बावजूद jwiscarson के जवाब को स्वीकार करने के रूप में इस एक क्लीनर कार्यान्वयन है का फैसला किया और,। हालांकि आप runat="server" और onserverclick="LoginButton_Click"<button/> पर विशेषता सेट कर सकते हैं।

+2

'इनपुट प्रकार =" बटन "/>' के लिए स्टाइल विकल्प हालांकि सीमित हैं। –

1

लिंकबटन नियंत्रण और शैली का पूरी तरह से सीएसएस के साथ उपयोग करने का एक वैकल्पिक दृष्टिकोण होगा। हम अतीत में एक निश्चित परियोजना के लिए ऐसा करते थे। हमारे ग्राहक के लिए बहुत अच्छा काम किया।

अगर CssClass

+1

इसके साथ केवल समस्या यह है कि लिंकबटन जावास्क्रिप्ट के बिना काम नहीं करते हैं। ओपी ने इसे निर्दिष्ट नहीं किया है, लेकिन यह ध्यान में लायक है। – Curt

+0

@Curt - मुझे जावास्क्रिप्ट का उपयोग करने में कोई फर्क नहीं पड़ता, मैं मुख्य रूप से एक अच्छा दिखने वाला बटन प्राप्त करने में रूचि रखता हूं। – Tony

0

आप HTML बटन इस्तेमाल कर सकते हैं यदि आप चाहें, और जानें कि कैसे उचित तर्क के साथ __doPostBack() विधि कॉल करने के ब्याज की संपत्ति। Asp.Net बटन और HTML बटन क्लाइंट में प्रदान किए जाने के तरीके के समान ही होते हैं।

0

जैसा कि यहां पोस्ट किया गया था, आप पहले ही asp:button द्वारा प्रदान किए गए HTML को स्टाइल कर सकते हैं या अन्य एएसपी नियंत्रण का उपयोग कर सकते हैं।asp:button के रूप में <button> टैग की तुलना में संभवतः अधिक सीमित सीएसएस विकल्पों के साथ प्रस्तुत किया जाएगा।

कुछ Googling से मुझे लगता है कि यह एक <button> टैग गाया पाने के लिए संभव है, लेकिन यह एक गैर तुच्छ अभ्यास की तरह दिखता है आपके सवाल का How can I use the button tag with ASP.NET?

+0

दिलचस्प सवाल, मेरे प्रश्न पोस्ट करने से पहले एसओ की मेरी सभी खोजों के लिए मैंने इसे ढूंढने का प्रबंधन नहीं किया! धन्यवाद, मैं एक नज़र डालेगा। – Tony

संबंधित मुद्दे