Button Control एक asp.net web server control है, Button Control का उपयोग web page पर एक साधारण push button प्रदर्शित करने के लिए किया जाता है| हम asp.net web page पर Button Control जोड़कर web page पर एक साधारण push button प्रदर्शित कर सकते हैं।
Asp.net में तीन प्रकार के Button होते हैं :-
Types of Button Control in ASP.Net
- Simple Push Button – Simple Push Button Button Control पर text को प्रदर्शित करता है।
<asp:Button ID=”Button1″ runat=”server” Text=”Button” /> - Link Button – Link button text को प्रदर्शित करता है जो link या hyperlink की तरह दिखता है।
<asp:LinkButton ID=”LinkButton1″ runat=”server”>LinkButton</asp:LinkButton> - Image Button – Image Button एक button control पर एक Image प्रदर्शित करता है।
<asp:ImageButton ID=”ImageButton1″ runat=”server” />
इन तीनों Button में मुख्य दो event हैं Click and Command event। डिफ़ॉल्ट रूप से asp.net Button में click event हैं। यहां हम एक asp.net उदाहरण के साथ तीनो button Controls को समझेंगे।
ASP. Net में Button Control उदाहरण
Step 1 – Visual Studio open करे -> एक नया खाली Web application बनाएं।
Step 2 – उस पर display button के लिए एक नया web page बनाएं।
Step 3 – Toolbox से web page पर button control को Drag and drop करे ।
Step 4 – Button control की text property set करें |
Step 5 – दूसरे page को Redirect करने के लिए PostBackUrl property set करे |
Step 6 – Button control पर code लिखने के लिए button control के click event पर जाये ।
तीनो बटनों के पास asp.net में server side code (C#, VB) लिखने के लिए एक click event होता हैं। सभी server side control के अपनी properties और events हैं। नीचे दी गई list में Button control properties को दिखाया गया है।
| Properties | Description | |
| ID | textbox control का पहचान नाम (identification name) | |
| Text | इसका उपयोग एक control में text को प्रदर्शित करने के लिए किया जाता है। | |
| BackColor | इसका उपयोग textbox control के background का रंग set करने के लिए किया जाता है | |
| ForColor | इसका उपयोग control के text colour को set करने के लिए किया जाता है। | |
| ToolTip | जब text पर mouse over किया जाता है तब यह control पर text को प्रदर्शित करता है। | |
| TabIndex | इसका उपयोग control के tab order को प्रबंधित करने के लिए किया जाता है। | |
| CssClass | इसका उपयोग control पर style लागू करने के लिए किया जाता है। | |
| Enable | true/false – इसका उपयोग control को सक्षम (enable) या अक्षम (disable) करने के लिए किया जाता है। | |
| Enable Theming | true/false – इसका उपयोग control पर theme के प्रभाव को सक्षम (enable) या अक्षम (disable) करने के लिए किया जाता है। | |
| CausesValidation | true/false – इसका उपयोग control पर validation के प्रभाव को सक्षम (enable) या अक्षम (disable) करने के लिए किया जाता है | |
| Visible | true/false – इसका उपयोग web page पर control को छिपाने (hide) या देखने के लिए (visible) किया जाता है। | |
Button control की महत्वपूर्ण properties
| CommandArgument | जब button command event को fire किया जाता है तो एक string value code के पीछे pass हो जाती है। |
| CommandName | जब button command event को fire किया जाता है तो एक string value code के पीछे pass हो जाती है। |
| OnClientClick | JavaScript function का नाम या किसी भी client-side script code function का नाम | |
| PostBackUrl | Button पर click करने पर page का URL path redirect होता है। |
| Image Button के लिए | |
| ImageUrl | Image Button control पर image प्रदर्शित करने के लिए image path set करें। |
| AlternateText | जब web page पर image प्रदर्शित नहीं की जा सकती तो वैकल्पिक (Alternate) text प्रदर्शित किया जाएगा। |
Button Control Events
| Events | Description |
| Click | Button Click event तब होता है जब button control पर click किया जाता है। पहले Click eventHandler को perform किया जाता है, उसके पश्चात command handler को perform होता है|। |
| Command | Button Command event तब होता है जब button control को click किया जाता है। |
Button Click और Command events दोनों समान होते हैं। अंतर केवल यह है कि Command में हम Command नाम और Command argument पास कर सकते हैं। उदाहरण के लिए, हमारे पास दो control button हैं, दोनों एक ही command event को call करते हैं, हम पहचान सकते हैं कि किस button को उनके Command नाम तक पहुंचकर click किया गया है, क्योंकि हम दोनों buttons के लिए अलग-अलग command नाम असाइन करते हैं।
Button Control और Label Control के साथ asp.net web form की design नीचे screen की तरह दिखती है। asp.net में label control पर संदेश(message) को प्रदर्शित करने के लिए button click event में निम्नानुसार कोड लिखें :-
protected void btnlogin_Click(object sender, EventArgs e)
{
Label1.Text = "welcome";
}
ASP.Net से सम्बंधित सभी नोट्स पड़ने के लिए यहाँ क्लिक करें
