+- منتدى فيجوال بيسك لكل العرب | منتدى المبرمجين العرب (http://vb4arb.com/vb)
+-- قسم : قسم برمجة وتطوير المواقع (http://vb4arb.com/vb/forumdisplay.php?fid=51)
+--- قسم : قسم ASP.NET (http://vb4arb.com/vb/forumdisplay.php?fid=52)
+---- قسم : قسم مقالات ASP.NET (http://vb4arb.com/vb/forumdisplay.php?fid=54)
+---- الموضوع : معلومة :: WebUserControl (/showthread.php?tid=4583)
معلومة :: WebUserControl - RaggiTech - 29-09-12
كاتب الموضوع محمد الناشـري
قد تحتاج في بعض الاحيان الى تطبيق نفس النموذج أو الأداة على العديد من الصفحات ..او استغلال هذا العمل في مشاريع اخرى قادمة ..
قد يكون من احد الحلول هو القص واللصق ولكن قد يسبب بعض المشاكل في بعض الأحيان ..
WebUserControl توفر لك ذلك بكل سهولة ..
دعنا في البداية نتعرف عن الفروقات بينها وبين Web Form ..
1- اسم ملف WebUserControl ينتهى ب .ascx
2- في موجه الصفحة WebUserControl تبدا ب <%@ Control
3- ال WebUserControl لاتستطيع العمل بمفردها ولابد من اضافتها الى صفحة Web form .
4- WebUserControl لاتحتوى على عناصر html , body,form ..
إضافة WebUserControl لمشروعك ..
من نافذة Add New Item اختر WebUserControl ضع لها التسمية المناسبة .. ثم موافق ..
ويفضل تنظيم مشروعك بوضع هذة الكنترول في مجلد خاص بها .
تستطيع بعد ذلك وضع ادواتك على WebUserControl ووضع التنسيقات والتحكمات اللازمة ..
وضع WebUserControl على Web Form ...
اذهب الى صفحتك وهي في وضع التصميم ثم اسحب WebUserControl الذي صممتة واسقطة على هذة الصفحة ...
للتاكد من نجاح الربط اذا هب الى ال Sourc
[SIZE=4]
كود :
[/b][/color][/SIZE][/FONT][/SIZE][color=#007700][FONT=monospace]<%@ [/FONT][/color][color=#0000BB][FONT=monospace]Register src[/FONT][/color][color=#007700][FONT=monospace]=[/FONT][/color][color=#DD0000][FONT=monospace]"Control/new.ascx" [/FONT][/color][color=#0000BB][FONT=monospace]tagname[/FONT][/color][color=#007700][FONT=monospace]=[/FONT][/color][color=#DD0000][FONT=monospace]"new" [/FONT][/color][color=#0000BB][FONT=monospace]tagprefix[/FONT][/color][color=#007700][FONT=monospace]=[/FONT][/color][color=#DD0000][FONT=monospace]"uc1" [/FONT][/color][color=#007700][FONT=monospace]%>[/FONT][/color][b][SIZE=2][FONT=Times New Roman][SIZE=4][color=black]شغل صفحتك لتختبرها ..
[/SIZE]
معلومة :: WebUserControl - RaggiTech - 29-09-12
هناك طريقتان لإضافة UserControl الى صفحة Web Forms
1 - تصريحياً وهو ما قمنا به في المثا السابق .
2 - برمجياً وهو ما سنتعرف عليه في موضوعنا هذا
الطريقة التصريحية هي الأسهل ولكن الطريقة البرمجية تقدم لك تحكم أفضل وقت التشغيل .
في مثالنا هذا
قمت بإنشاء UserControl جديد اسميته Hello.ascx
وهذة هي الشفرة الخاصة به
كود :
<%@ Control Language="VB" ClassName="Hello" %>
<script runat="server">
Private _name As String = ""
Public Property name() As String
Get
Return _name
End Get
Set(ByVal value As String)
_name = value
End Set
End Property
Public Sub sayHello()
label1.text = "Hello," & _name & "!"
End Sub
</script>
<asp:Label ID="Label1" runat="server" ></asp:Label>تصرح هذة الشفرة عن متغير نصي يدعى name_ وProperty تدعى Nmae سوف يتم استخدامها لا عداد واستخراج قيمة المتغير name_
وإجراء Sub يدعى sayHello تعد الخاصية Text للاداة Label .
في المثال السابق استخدمنا الموجه Register@ وسنستخدم هنا الموجه Reference@ ..
أنشئ صفحة جديدة في نفس المجلد الذي يوجد به UserContro ( في المثال اسميته Control ) واطلق عليها الاسم DefaultRefernce.aspx مثلاً
لإضافة UserControl لصفحتنا نكتب الشفرة التالية في موجه الصفحة
كود :
[color=#000080]<%@ Page Language=[/color][color=#0000FF]"VB"[/color][COLOR=#000080] %>
[/COLOR][color=#000080]<%@ Reference Control=[/color][color=#0000FF]"~/Control/Hello.ascx"[/color][color=#000080] %>[/color]لكي تحدد بشكل دقيق أين تريد ان يظهر عنصر التحكم ضع Placeholder في صفحتنا DefaultRefernce.aspx
كالتالي
كود :
[color=#000080]<asp:PlaceHolder ID=[COLOR=#0000ff]"HelloHolder"[/color] runat=[color=#0000ff]"server"[/color]/>[/COLOR]اضف الشفرة التالية
كود :
<script runat="server">
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
Dim myhello As Control = LoadControl("Hello.ascx")
HelloHolder.Controls.Add(myhello)
CType(myhello, Hello).name = "Mohammad"
CType(myhello, Hello).SayHello()
End Sub
</script>هذة فكرة مبسطة لاستخدام Web User Control اتمنى أن اكون قد أفدتكم ..
يجب أن تفتح المجال لخيالك البرمجي وتفكر كيف تستغل هذة الأداة لتحسين تطبيقك وتوفير الجهد .
المثال في المرفقات