مدخل إلى asp.net ASP.NET: إرسال بيانات النموذج

تعد هذه الأداة الطريقة الأكثر شيوعا ًوبساطة للتنقل بين الصفحات المختلفة، وعلى النقيض من الأداة LinkButton فهي لاتقوم بإرسال البيانات إلى السيرفر.

خصائص أداة التحكم HyperLink:

• Enabled: تفعيل أو إلغاء تفعيل هذه الأداة.
• ImageUrl: لتحديد مسار واسم صورة ليتم عرضها كرابط.
• NavigateUrl: تحديد عنوان URL يتم الانتقال إليه عند الضغط على هذه الأداة.
• Text: تحديد النص الذي يظهر على هذه الأداة.
• Target: تمكننا من فتح صفحة الرابط في نافذة جديدة بالمستعرض.

ملاحظة : لو تم تحديد قيم للخاصيتين Text و ImageUrl معا ً، عندئذ سيتم عرض الصورة لأن أولويتها أعلى ولن يتم عرض النص المحدد بالخاصية Text.

مثال: أنشئ صفحة جديدة، أضف أداة HyperLink وحدد خصائصها كالتالي:

    <div>
        <asp:HyperLink ID="HyperLink1" runat="server" ImageUrl="~/images/img.png" 
                       NavigateUrl="~/Default14.aspx">Go to Page Defaul14 page 
        </asp:HyperLink>
    </div>

    protected void ImageButton1_Click(object sender، ImageClickEventArgs e)
    {
        Label1.Text = "X = " + e.X.ToString();
        Label2.Text = "Y = " + e.Y.ToString();
    }

كود VB

      Protected Sub ImageButton1_Click(ByVal sender As Object، ByVal e As 
     System.Web.UI.ImageClickEventArgs) Handles ImageButton1.Click

        Label1.Text = "X = " + e.X.ToString()
        Label2.Text = "Y = " + e.Y.ToString()
    End Sub

كود الصفحة:

كود ASP.net

    <div>
        <asp:ImageButton ID="ImageButton1" runat="server"
              ImageUrl="~/images/img.png" 
            onclick="ImageButton1_Click" />
        <br />
        <asp:Label ID="Label1" runat="server" Text=""/>
        <asp:Label ID="Label2" runat="server" Text=""/>
    </div>

ملاحظة: عند التعامل مع أي أداة تقوم بعرض الصور ينصح بشدة أن نستخدم الخاصية AlternateText لتقوم بعرض نص بديل فبعض المستخدمين يلغون خيار عرض الصور في المتصفح بهدف الحصول على سرعة أكبر في التصفح.

إرسال البيانات عبر الصفحات

بشكل افتراضي، عند الضغط على زر ما في الصفحة، يتم إرسالها إلى الخادوم ومعالجة البيانات ثم عرضها على نفس الصفحة، أي يحدث إعادة تحميل للصفحة ببيانات معدلة، الآن سنتعلم كيف نجعل الخادوم يعيدنا إلى صفحة أخرى لعرض النتائج بعد أن نضغط على زر ما في صفحة أولى.

مثال: أنشئ صفحة جديدة سمها search.aspx أضف لها TextBox وButton، أعطي الخاصية PostBackUrl القيمة results.aspx وهي صفحة ثانية نقوم بإنشائها، هذه الخاصية كما رأينا سابقا تجعل الخادوم يعيد توجيه المتصفح إلى صفحة محددة عند الضغط على الزر، مانريده من مثالنا هذا أن يقوم المستخدم بإدخال نص ما في TextBox ثم الضغط على الزر ليقوم الخادوم بعرض نفس النص ولكن في صفحة أخرى، كود الصفحة search.aspx:

    <div>
        <asp:TextBox ID="TxtSearch" runat="server"></asp:TextBox>
        <br />
        <asp:Button ID="BtnSearch" runat="server" Text="search" 

                    PostBackUrl="~/results.aspx" />
    </div>

    <div>
        <asp:Label ID="LblSearch" runat="server" Text="" />
    </div>

    protected void Page_Load(object sender، EventArgs e)
    {
        if (PreviousPage != null)
        {
            TextBox txtSearch = (TextBox)PreviousPage.FindControl("TxtSearch");
            LblSearch.Text = String.Format("Search for: {0}"، txtSearch.Text);
        }
    }

    Protected Sub Page_Load(ByVal sender As Object، ByVal e As System.EventArgs)   
    Handles Me.Load 

        If PreviousPage IsNot Nothing Then 
            Dim txtSearch As TextBox = 
            DirectCast(PreviousPage.FindControl("TxtSearch")، TextBox) 
            LblSearch.Text = [String].Format("Search for: {0}"، txtSearch.Text) 
        End If 
    End Sub 

    protected void Button1_Click(object sender، EventArgs e)
    {
        Label1.Text = "you click Button1 ";
    }

    Protected Sub Button1_Click(ByVal sender As Object، ByVal e As 
    System.EventArgs) Handles Button1.Click 

        Label1.Text = "you click Button1 " 
    End Sub 

    protected void Button2_Click(object sender، EventArgs e)
    {
        Label1.Text = "you click Button2 ";
    }

    Protected Sub Button2_Click(ByVal sender As Object، ByVal e As 
    System.EventArgs) Handles Button2.Click 

        Label1.Text = "you click Button2 " 
    End Sub 

    <form id="form1" runat="server" defaultbutton="Button2">
    <div>
        <asp:Button ID="Button1" runat="server" Text="Button" 
                    onclick="Button1_Click" />
        <br />
        <asp:Button ID="Button2" runat="server" Text="Button" 
                    onclick="Button2_Click" />
        <br />
        <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
    </div>
    </form>

معالجة الحدث Command

أدوات التحكم Buttons بأنواعهم الثلاثة يدعمون الحدثين Click و Command كما رأينا سابقا ً، الفرق بين هذين الحدثين هو أنه عند العمل مع Command فبإمكاننا تمرير اسم أمر ما ومتغير للأمر أيضاً وهذه الأمور غير مدعومة مع الحدث Click.

مثال توضيحي: أنشئ صفحة جديدة، أضف عليها أداتي Button وأداة Label واحدة، أضف للأداتين Button الخصائص onCommand ،CommandName ،CommandArgument وفق التالي:

    <div>
        <asp:Button ID="Button1" runat="server" Text="Red" 
            oncommand="Button_Command" 
            CommandName="colors"
            CommandArgument="Red"/>
        <asp:Button ID="Button2" runat="server" Text="Blue" 
            oncommand="Button_Command"
            CommandName="colors"
            CommandArgument="Blue"/>
        <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
    </div>

    protected void Button_Command(object sender، CommandEventArgs e)
    {
        if (e.CommandName == "colors")
        {
            switch (e.CommandArgument.ToString())
            {
                case "Red":
                    Label1.Text = "RED";
                    break;
                case "Blue":
                    Label1.Text = "BLUE";
                    break;
            }
        }
    }

    Protected Sub Button_Command(ByVal sender As Object، ByVal e As   
    CommandEventArgs) 

    If e.CommandName = "colors" Then 
        Select Case e.CommandArgument.ToString() 
            Case "Red" 
                Label1.Text = "RED" 
            Exit Select 
            Case "Blue" 
                Label1.Text = "BLUE" 
            Exit Select 
        End Select 
    End If  
    End Sub