Button Control in ASP. Net Properties

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

  1. Simple Push Button – Simple Push Button Button Control पर text को प्रदर्शित करता है।
    <asp:Button ID=”Button1″ runat=”server” Text=”Button” />
  2. Link Button – Link button text को प्रदर्शित करता है जो link या hyperlink की तरह दिखता है।
    <asp:LinkButton ID=”LinkButton1″ runat=”server”>LinkButton</asp:LinkButton>
  3. 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 को दिखाया गया है।

PropertiesDescription
IDtextbox 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 लागू करने के लिए किया जाता है।
Enabletrue/false – इसका उपयोग control को सक्षम (enable) या अक्षम (disable) करने के लिए किया जाता है।
Enable Themingtrue/false – इसका उपयोग control पर theme के प्रभाव को सक्षम (enable) या अक्षम (disable) करने के लिए किया जाता है।
CausesValidationtrue/false – इसका उपयोग control पर validation के प्रभाव को सक्षम (enable) या अक्षम (disable) करने के लिए किया जाता है
Visibletrue/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 हो जाती है।
OnClientClickJavaScript function का नाम या किसी भी client-side script code function का नाम |
PostBackUrlButton पर click करने पर page का URL path redirect होता है।
Image Button के लिए
ImageUrlImage Button control पर image प्रदर्शित करने के लिए image path set करें।
AlternateTextजब web page पर image प्रदर्शित नहीं की जा सकती तो वैकल्पिक (Alternate) text प्रदर्शित किया जाएगा।

asp net button control properties


Button Control Events

EventsDescription
ClickButton Click event तब होता है जब button control पर click किया जाता है।
पहले Click eventHandler को perform किया जाता है, उसके पश्चात command handler को perform होता है|।
CommandButton 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 button control example

ASP.Net से सम्बंधित सभी नोट्स पड़ने के लिए यहाँ क्लिक करें

error: Content is protected !!