ASP.NET

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 को दिखाया गया है।

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 प्रदर्शित किया जाएगा।

asp net button control properties

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 button control example

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

Subject Wise Notes

error: Content is protected !!