ضبط تركيز العناصر Focus Of Contrlos

focus

 كيف تعمل ضبط للعناصر Web Server Controls في ال ASP.NET

لابد من توضيح هذة الجمله ( Focus Of Contrlos ) حيث انها للوهله الاولى غير مفهومه والحل لتوضيح هذه الجمله هو مثال حي 😀 … أظن أن الجميع يعرف محرك البحث Google هل لاحظت انه عند أنتهاء تحميل الصفحه يتم نقل المؤشر الى داخل حقل مربع النص الخاص بالبحث هذا هو المقصود بالتركيز Focuse

هذة العناصر ادناه التي تستطيع عمل لها تركيز المؤشر عليها :

Button, LinkButton, and ImageButton controls

CheckBox control

DropDownList control

FileUpload control

HyperLink control

ListBox control

RadioButton control

TextBox control

هناك عدة طرق سوف نذكرها لعمل Focuse Of Contrlos :

الطريقه الاولى : تستخدم داله Page.SetFocus Method (Control)

Syntax

Public Sub SetFocus (
	control As Control
)

مثال


<%@ page language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
    void Page_Init(object sender, EventArgs e)
    {
        SetFocus(focusHere);
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:textbox id="default" runat="server" /><br />
        <asp:textbox id="focusHere" runat="server" />
    </form>
</body>
</html>

الطريقه الثانيه : نستخدم داخل وسم ال Html في ال Form

 

<%@ Page Language="VB" %>
<html>
<head runat="server">
  <title>Test Page</title>
</head>
<body>
  <form id="form1" runat="server" defaultfocus="TextBox1" >
    <div>
      <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
      <br />
      <asp:Button ID="Button1" runat="server" Text="Button" />
      <br />
    </div>
  </form>
</body>
</html>

الطريقة الثالثة :باستخدام الكود

VB

Protected Sub Page_Load(ByVal sender As Object, _
    ByVal e As System.EventArgs)
    TextBox1.Focus()
End Sub

#C

protected void Page_Load(object sender, EventArgs e)
{
    TextBox1.Focus();
}

الطريقه الرابعه : عند التحقق من الاخطاء في ال Validation
هذا صوره توضح ذلك نقوم بتغير خاصيه ال  SetFocusOnError من القيمه الافتراضيه لها False الى True

1J

هذا بعد تغيير الخاصيه سيتم اضافه الخاصيه الى الكود بهذا الشكل ادناه:

<%@ Page Language="VB"" 
 
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" 
runat="server" 
            ErrorMessage="RequiredFieldValidator"
 SetFocusOnError="True"></asp:RequiredFieldValidator>
    
    </div>
    </form>
</body>
</html>

واخيراً : هذا مايسمى بتركيز العناصر وهي مسؤله عن ضبط التركيز وتخصيصه لاداه معينه عند انتهاء التحميل .