موضوع این جلسه چگونگی استفاده از کنترل های ImageButton می باشد.

taherehfelegari الإثنين نوفمبر 23, 2009 10:43 am

قبل از شروع بحث لازم است یادآوری کنم که دو آرگومان به اغلب ساب روتین هایی که از آنها استفاده می کنیم و برای پاسخ به واقعه ی کلیک یک دکمه به کار می روند پاس داده می شود.

آرگومان اول پاس شده «s As Object » نماینده شئی است که واقعه را حادث می شود. که پارامتر Object برای شناسایی شئی که واقعه را حادث کرده و تعیین پاسخ مناسب به آن قابل استفاده است

پارامتر دومی که پاس داده می شود، EventArgs « e As EventArgs » است که حاوی اطلاعاتی مربوط به خود واقعه است. مثلاً، در مورد کنترل Button ، این پارامتر هیچ محتوایی ندارد.

ولی کنترل ImageButton بک نمونه از آن کنترل هایی است که پارامتر EventArgs برای آن معنا پیدا می کند. وقتی روی چنین کنترلی کلیک می کنیم، پارامتر مزبور مختصات دقیق نقطه ای را به ما میدهد که کلیک روی آن نقطه صورت گرفته است.

کنترل ImageButton :

کنترل ImageButton شبیه به کنترل Button است با این تفاوت که این کنترل می تواند یک عکس یا تصویر را نیز نمایش بدهد.
*نکته :دقت کنید که روتین اداره کنندۀ واقعه برای کنترل ImageButton به این شکل است:
کد:
Sub ImageButton_Click (S As Object , e As ImageClickEventArgs )

این کنترل از این جهت یک پارامتر ImageClickEventArgs را مورد استفاده قرار می دهد که هنگام کلیک روی یک دکمه تصویری، اطلاعاتی اضافی باید به ساب روتین اداره کننده واقعه پاس شود. وقتی روی چنین دکمه ای کلیک می کنیم، مختصات X و Y موس به ساب روتین داده می شود.

با توجه به این اطلاعات با استفاده از فقط یک کنترل ImageButton می توانیم کار چند دکمه را از آن بکشیم که تصویر یکسانی دارند. در واقع این دکمه ها را روی یک تصویر ساده ترسیم می کنیم و با بررسی خصوصیات X و Y پارامتر ImageClickEventArgs تشخیص میدهیم که کدام دکمه کلیک شده است.

کد زیر کد صفحه ای را نشان می دهد که با یک کنترل ImageButton، سه دکمه مختلف را پیاده سازی کرده است. وقتی روی یکی از این دکمه ها کلیک کنیم، ساب روتین ImageButton_Click به اجرا در می آید.خصوصیت x پارامتر ImageClickEventArgs تعیین کننده دکمه ای است که واقعاً کلیک شده است.
کد:

<script Runat="server">
Sub ImageButton_Click( S As Object , e As ImageClickEventArgs)
Select Case e.X
Case Is < 124
lblMessage.Text = txtSomeText.Text.ToUpper()
Case Is < 248
lblMessage.Text = txtSomeText.Text.ToLower()
Case Is < 368
lblMessage.Text = txtSomeText.Text
Case Is < 400
lblMessage.Text = " "
End Select
End Sub
</script>
<html>
<head><title>ImageButtonEventArgs</title></head>
<body>
<form Runat="server">
<p>
<asp:ImageButton
OnClick="ImageButton_Click"
ImageUrl="1_03.gif"
Runat="server" />
</p>
<p>
<asp:TextBox
ID="txtSomeText"
TextMode="MultiLine"
Columns="30"
Rows="10"
Runat="server">Type Some Text Here!</asp:TextBox>
</p><hr>
<asp:Label
Id="lblMessage"
Runat="server" />
</form>
</body></html>