آموزش ASP.Net > کنترل های استاندارد ASP.Net > کنترل Button
پاسخگویی به رویدادهای کنترل دکمه فرمان Button در کلاینت اسکرپیت
مقدمه :
کنترل های دکمه فرمان ، هم می توانند رویدادهای سرور ساید و هم کلاینت ساید را فعال
سازند .
رویدادهای سرور ساید ، پس از Postback صفحه به سرور رخ داده و آنها را می توانید با
نوشتن کد در فایل کد صفحات ASP.Net مدیریت نمایید .
اما رویدادهای کلاینت ساید قبل از ارسال و Postback صفحه به سرور اجرا شده و معمولا
به زبان های اسکریپتی مثل
جاوا اسکریپت نوشته می شوند .
با اضافه کردن رویدادهای کلاینت ساید به کنترل دکمه فرمان ، می توانید اموری همانند
نمایش پیام های هشدار ، کادرهای دریافت مقدار و یا تایید و ... را به کاربر نمایش داده
و پس از تایید وی ، صفحه را Submit کنید . در غیر اینصورت نیز می توانید ، عملیات ارسال
صفحه به سرور را متوقف کنید .
نحوه اضافه کردن رویدادهای کلاینت ساید به یک کنترل دکمه فرمان :
درون تگ کنترل دکمه فرمانی که می خواهید رویداد را به آن اضافه نمایید ، مقدار خاصیت
OnClientClick را برابر با نام تابع اسکریپت مورد نظر خود قرار دهید .
در اینصورت ، در هنگام کلیک کاربر بر روی دکمه فرمان ، قبل از Postback صفحه به سرور
، رویدادهای اسکریپتی آن اجرا می شوند .
نکته عملی : اگر می خواهید قابلیت کنسل کردن ارسال صفحه به سرور را
نیز درون کنترل دکمه فرمان ، فعال نمایید ، مقدار خاصیت OnClientClick کنترل را بر
روی کلمه کلیدی return ، به همراه نام یک تابع قرار دهید .
در اینصورت چنانچه کاربر دکمه کنسل را بزند ، عملیات ارسال صفحه لغو می شود . به مثال
عملی زیر دقت نمایید :
|
VB کد
|
<%@ Page Language="VB" %>
<script runat="server">
Sub Button1_Click(ByVal sender As Object, _
ByVal e As System.EventArgs)
Label1.Text = "Server click handler
called."
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
<form id="form1" runat="server">
<asp:Button ID="Button1"
Runat="server" OnClick="Button1_Click" OnClientClick="return
confirm('Ready to submit.')" Text="Test Client Click"
/>
<br />
<asp:Label ID="Label1"
Runat="server" text="" />
</form>
</body>
</html>
|
|
C# کد
|
<%@ Page Language="C#" %>
<script runat="server">
void Button1_Click(Object sender, EventArgs e)
{
Label1.Text = "Server click handler
called.";
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
<form id="form1" runat="server">
<asp:Button
ID="Button1" Runat="server" OnClick="Button1_Click" OnClientClick="return
confirm('Ready to submit.')" Text="Test Client Click"
/>
<br />
<asp:Label
ID="Label1" Runat="server" text="" />
</form>
</body>
</html>
|
|
خروجی
|
مشاهده خروجی مثال
|
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1
حمایت نمایید :