第11章web2.0.pptVIP

第11章 Web部件 11.1 Web部件概述 Web部件允许用户直接从浏览器自定义页面内容和页面布局 Web部件框架由Web部件、Web部件区域和Web部件管理器组成。 11.2 创建和使用 Web部件 Web部件是一个容器，用于容纳服务器控件和HTML元素，为它们提供边框、标题栏、菜单和谓词。 边框、标题栏、菜单界面元素统称为镶边 创建Web部件的方法： (1)将服务器控件或HTML元素添加至WebPartZone控件中。 (2) 创建从 WebPart 类派生的自定义控件 创建Web部件的步骤： (1)向页面添加一个WebPartManager控件。 (2)向页面添加WebPartZone控件。 (3)向WebPartZone控件中添加服务器控件或HTML元素。 【课内练习11.1】创建Web部件 11.3 Web部件管理器 Web部件管理器用于管理页面上的Web部件、Web部件区域、Web部件间的通信，以及切换Web部件的显示模式。它是一个称为WebPartManager的不可视控件。 在包含Web部件的页面上，必须有一个WebPartManager控件。 语法格式： asp:WebPartManager ID=string DisplayMode=BrowseDisplayMode runat=server OnWebPartsConnected=event handler OnWebPartsDisconnected=even handler / 11.3.1 切换显示模式 显示模式是一种应用于整个页面的特殊状态，在该状态中，某些用户界面元素可见并且已启用，而其他用户界面元素则不可见且被禁用。 1. 浏览模式 以用户查看网页的普通模式显示Web部件控件和用户界面元素。 设置DisplayMode属性为BrowseDisplayMode，可切换至浏览模式。 2. 设计模式 在设计显示模式中，会显示各区域的用户界面，然后用户可以拖动控件来更改布局。 设置DisplayMode属性为DesignDisplayMode，可切换至设计显示模式。 3. 编辑模式 在编辑模式中，会显示编辑界面元素，并允许用户编辑页面上的控件。 设置DisplayMode属性为EditDisplayMode；然后在页面中添加EditorZone控件，该控件提供编辑Web部件的界面和逻辑。 4. 目录模式 显示目录界面元素，且已经添加到页面中的Web部件区域及所有服务器控件都可见，用户可从目录中选择控件添加到页面上，或者从页面上移除控件。 设置DisplayMode属性为CatalogDisplayMode； 在页面中添加CatalogZone控件。 5. 连接模式 在连接模式中，会显示一个用于管理连接的特殊用户界面，该界面可用来连接Web部件或断开连接，以及编辑现有连接的详细信息，从而实现Web部件间的数据交换。 设置DisplayMode属性为ConnectDisplayMode； 在页面中添加ConnectionsZone控件。 【课内练习11.2】切换显示模式 11.3.2 以编程方式控制Web部件 WebPartManager控件的方法： AddWebPart方法——向页面添加Web部件。 DeleteWebPart方法——从页面上删除Web部件。 CloseWebPart方法——关闭Web部件。 CreateWebPart方法——用GenericWebPart对象包装一个不是Web部件控件的服务器控件。 MoveWebPart方法——将Web部件或服务器控件从一个Web部件区域移动到另一个区域，或移动到相同区域中的新位置。 【课内练习11.3】编程添加/删除Web部件 11.4 创建Web部件区域 Web部件区域由WebPartZone服务器控件创建。 语法格式： asp:WebPartZone id=string HeaderText=string runat=server ZoneTemplate /ZoneTemplate PartTitleStyle BackColor=grey ForeColor=White / PartStyle BorderColor=black BorderStyle=Solid BorderWidth=1px / /asp:WebPartZone 1. 区域中Web部件的排列方式 LayoutOrientation属性：设置Web部件在区域中的排列方式。 取值： Vertical：Web部件按照它的区域索引值从上到下呈现。 Horizontal：Web部件根据区域的宽度并排排列。 2. 设置区域样式 PartS