■216容器控件 1.Pane控件 语法格式如下: 口<asp: Panel ID=" Panel" runat=" server" Height="控件的 高" Width="控件的宽".> 其他控件 a </asp: Panel>
◼ 2.1.6 容器控件 ◼ 1．Panel控件 ◼ 语法格式如下： ◼ <asp:Panel ID="Panel1" runat="server" Height="控件的 高" Width="控件的宽" … > ◼ 其他控件 ◼ </asp:Panel>
表2-21Pane控件的常用属性 属性 说明 HorizontalAlign 指定子控件在面板内的对齐方式(左对齐、右对齐、居中或两端对齐) Wrap 指定面板内过宽的内容是换到下一行显示,还是在面板边缘处截断显示 指定控件的内容是从左至右呈现还是从右至左呈现。当在页面上创建与整个页面的方向不同的区 Direction 域时,此属性非常有用。本属性对于显示从右到左书写的语言(如阿拉伯语)的文本非常有用 为控件指定滚动条。如果已经设置了 Height和 Width属性,将 Panel控件限制为特定的大小,则 ScrollBars 可以通过设置 ScrollBars属性来添加滚动条 创建一个带标题的分组框, Panel控件的周围将显示一个包含标题的框,其标题是指定的文本。不 GroupingText 能在 Panel控件中同时指定滚动条和分组文本。如果设置了分组文本,则其优先级高于滚动条 Backcolor 控件的背景色 BorderStyle 控件边框的样式 Border width 控件边框的宽度 BackImageUrl 控件的背景图像
【演练29】 Panel控件应用示例,模仿Word中的“查找” 对话框,如图2-25所示。 查找 查找 查找内容 查找内容 童执下一处取消 更少<[童找下一处[取滴 区分大小写 全字匹配 □使用通配符 同音(英文) 图2-25单击“更多>”按钮前、后的显示页面
◼ 【演练2-9】 Panel控件应用示例，模仿Word中的“查找” 对话框，如图2-25所示
①设计页面。新建空网站,添加Web窗体,切换到设计视 图,在 Default. aspx中添加两个 Panel控件。在上面的 Panel1 控件中插入一个用于布局的3行2列、固定宽度450像素的 HTML表格,向表格中添加一个 TextBox控件和3个 Button 控件。在下面的 Panel2控件中插入一个用于布局的2行2列 固定宽度450像素的表格,向表格中添加一个 DropDownList控件和一个 CheckBoxlist控件。适当调整表 格、各控件的大小和位置。因为在设计视图中通过拖动方 式不容易把两个 Panel控件调整为相同的宽度,所以,建议 在源视图中更改控件的 Width属性值为500x。Web窗体的 设计视图如图2-26左图所示
◼ ① 设计页面。新建空网站，添加Web窗体，切换到设计视 图，在Default.aspx中添加两个Panel控件。在上面的Panel1 控件中插入一个用于布局的3行2列、固定宽度450像素的 HTML表格，向表格中添加一个TextBox控件和3个Button 控件。在下面的Panel2控件中插入一个用于布局的2行2列 、固定宽度450像素的表格，向表格中添加一个 DropDownList控件和一个CheckBoxList控件。适当调整表 格、各控件的大小和位置。因为在设计视图中通过拖动方 式不容易把两个Panel控件调整为相同的宽度，所以，建议 在源视图中更改控件的Width属性值为500px。Web窗体的 设计视图如图2-26左图所示
Defaultaspx'x 查找 查找 查找内容 查找内容:d asp: PaselaPanezl Butt ButtonButton 更多》童执下一处有 查找范围,哪定 厂未绑定 查找范围:金部 广区分大小写 厂全字匹配 厂使用通配符 厂同音(英文) 计]口拆分|回源8 asp: anelapanelb> stable,styela stra std 设计口拆分|a源|8 asp: Panapa[ le strand 图2-26web窗体的设计视图 ■②设置页面中各控件对象的属性,见表222。其中 DropDownlist和 CheckBoxlist列表框控件使用Iitm集合 编辑器添加选项。设置完的页面如图2-26右图所示
◼ ② 设置页面中各控件对象的属性，见表2-22。其中 DropDownList和CheckBoxList列表框控件使用ListItem集合 编辑器添加选项。设置完的页面如图2-26右图所示