يمكن أن تكون عناصر التحكم في اللوحة بمثابة حاويات لعناصر التحكم الأخرى الموجودة على الصفحة. يتحكم في مظهر ورؤية عناصر التحكم التي يحتوي عليها. كما يسمح ببرمجة التحكم المولدة.
بناء الجملة الأساسي لعناصر تحكم اللوحة هو كما يلي:
<asp:Panel ID= "Panel1" runat = "server"></asp:Panel>عناصر التحكم في اللوحة مستمدة من فئة WebControl. ولذلك فهو يرث جميع الخصائص والأساليب والأحداث بالتساوي. ليس لديها أي أساليب أو أحداث خاصة بها. ومع ذلك، فهو يتمتع بالخصائص التالية الخاصة به:
| ملكية | يصف |
|---|---|
| BackImageUrl | عنوان صورة خلفية اللوحة. |
| الزر الافتراضي | الحصول على أو تعيين معرف الزر الافتراضي الموجود في لوحة التحكم. |
| اتجاه | اتجاه النص في اللوحة. |
| نص التجميع | السماح بتجميع النص كحقل. |
| محاذاة أفقية | يقوم بمحاذاة المحتوى الموجود في اللوحة أفقيًا. |
| أشرطة التمرير | يحدد إمكانية رؤية أشرطة التمرير وموضعها داخل اللوحة. |
| طَوّق | السماح للنص بالالتفاف. |
لنبدأ بلوحة تمرير ذات ارتفاع وعرض محددين ونمط حدود بسيط. يتم تعيين خصائص شريط التمرير على شريطي تمرير، بحيث يتم عرض كلا شريطي التمرير في نفس الوقت.
يحتوي الملف المصدر على رمز تسمية اللوحة التالي:
<asp:Panel ID="Panel1" runat="server" BorderColor="#990000" BorderStyle="Solid" Borderstyle="width:1px" Height="116px" ScrollBars="Both"> This is a scrollable panel. <br /> <br /> <asp:Button ID="btnpanel" runat="server" Text="Button" /></asp:Panel>تظهر اللوحة على النحو التالي:
يوضح المثال التالي إنشاء المحتوى الديناميكي. يقوم المستخدم بتوفير عدد عناصر التحكم في التسمية ومربعات النص التي سيتم إنشاؤها على اللوحة. يتم إنشاء عناصر التحكم برمجياً.
استخدم نافذة الخصائص لتغيير خصائص اللوحة. عند تحديد عنصر تحكم في طريقة عرض التصميم، تعرض نافذة الخصائص خصائص عنصر التحكم المحدد وتسمح لك بتغييرها دون الكتابة.
الملف المصدر للمثال هو كما يلي:
<form id="form1" runat="server"> <div> <asp:Panel ID="pnldynamic" runat="server" BorderColor="#990000" BorderStyle="Solid" Borderstyle="width:1px" Height="150px" ScrollBars="Auto" BackColor="#CCCCFF" Font-Names="Courier" HorizontalAlign="Center"> This panel shows dynamic control generation: <br /> <br /> </asp:Panel> </div> <table> <tr> <td>No of Labels:</td> <td> <asp:DropDownList ID="ddllabels" runat="server"> <asp:ListItem>0</asp:ListItem> <asp:ListItem>1</asp:ListItem> <asp:ListItem>2</asp:ListItem> <asp:ListItem>3</asp:ListItem> <asp:ListItem>4</asp:ListItem> </asp:DropDownList> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td>No of Text Boxes :</td> <td> <asp:DropDownList ID="ddltextbox" runat="server"> <asp:ListItem>0</asp:ListItem> <asp:ListItem Value="1"></asp:ListItem> <asp:ListItem>2</asp:ListItem> <asp:ListItem>3</asp:ListItem> <asp:ListItem Value="4"></asp:ListItem> </asp:DropDownList> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> <asp:CheckBox ID="chkvisible" runat="server" Text="Make the Panel Visible" /> </td> <td> <asp:Button ID="btnrefresh" runat="server" Text="Refresh Panel" /> </td> </tr> </table></form>الكود المصدري لعنصر التحكم الذي تم إنشاؤه ديناميكيًا خلف حدث Page_Load هو:
public partial class _Default : System.Web.UI.Page{ protected void Page_Load(object sender, EventArgs e) { //make the panel visible pnldynamic.Visible = chkvisible.Checked; //generating the lable controls: int n = Int32.Parse(ddllabels.SelectedItem.Value); for (int i = 1; i <= n; i++) { Label lbl = new Label(); lbl.Text = "Label" + (i).ToString(); pnldynamic.Controls.Add(lbl); pnldynamic.Controls.Add(new LiteralControl("<br />")); } //generating the text box controls: int m = Int32.Parse(ddltextbox.SelectedItem.Value); for (int i = 1; i <= m; i++) { TextBox txt = new TextBox(); txt.Text = "Text Box" + (i).ToString(); pnldynamic.Controls.Add(txt); pnldynamic.Controls.Add(new LiteralControl("<br />")); } }}عند التنفيذ، تظهر اللوحة على النحو التالي:
