资源描述
*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,11,章,Web,部件,11.1,Web部件概述,Web,部件允许用户直接从浏览器自定义页面内容和页面布局,Web,部件框架由,Web,部件、,Web,部件区域和,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,控件。,语法格式：,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,服务器控件创建。,语法格式：,1.,区域中,Web,部件的排列方式,LayoutOrientation,属性：设置,Web,部件在区域中的排列方式。,取值：,Vertical,：,Web,部件按照它的区域索引值从上到下呈现。,Horizontal,：,Web,部件根据区域的宽度并排排列。,2.,设置区域样式,PartStyle,：区域所包含,Web,部件控件的边框和内容的样式,PartTitleStyle,：区域所包含,Web,部件控件的标题栏样式,MenuVerbStyle,：谓词下拉菜单显示时该菜单中谓词的外观的样式,MenuLabelStyle,：区域所包含,Web,部件控件的标题栏中的谓词菜单的标签样式,MenuPopupStyle,：区域所包含,Web,部件控件的标题栏中的谓词菜单样式,MenuVerbHoverStyle,：鼠标悬停在谓词菜单中的某个谓词上时该谓词的外观样式,3.,谓词菜单的显示方式,WebPartVerbRenderMode,属性,取值：,Menu,：谓词菜单是弹出菜单；,TitleBar,：谓词菜单是标题栏中的一组文本或图像链接。,【,课内练习,11.4】,设置区域样式,11.5,在运行时添加,Web,部件,CatalogZone,控件给出服务器控件列表，允许用户从列表中选择添加到页面上的控件，或显示被关闭的,Web,部件。,语法格式：,11.5.1,从服务器控件列表中添加,Web,部件,DeclarativeCatalogPart,控件显示一个服务器控件列表，在设计时将服务器控件直接添加到控件的,WebPartsTemplate,模板中。,语法格式：,11.5.2,从被关闭的,Web,部件列表中添加,Web,部件,PageCatalogPart,控件显示一个被用户在浏览器中关闭的,Web,部件列表，以便用户能够在运行时将已关闭的控件添加回页面。,语法格式：,11.5.3,从导入的,Web,部件列表中添加,Web,部件,ImportCatalogPart,控件允许用户动态导入,Web,部件。,语法格式：,【,课内练习,11.5】,添加,Web,部件列表,11.6,自定义,Web,部件,区域,使用,EditorZone,控件允许用户定制,Web,部件的外观、行为、布局，以及其他特定属性。,允许定制时，,Web,部件的谓词菜单中会出现“编辑”谓词。,语法格式：,11.6.1,定制,Web,部件的外观,AppearanceEditorPart,控件提供一个可视界面，允许用户通过这个界面修改,Web,部件的外观属性,语法格式：,11.6.2,定制,Web,部件的行为,BehaviorEditorPart,控件提供一个可视界面，允许用户通过这个界面修改,Web,部件的行为属性。,语法格式：,11.6.3,定制,Web,部件的布局,LayoutEditorPart,控件提供一个可视界面，并允许用户通过这个界面修改,Web,部件的布局属性。,语法格式：,11.6.4,定制,Web,部件的自定义属性,PropertyGridEditorPart,控件提供一个可视界面，并允许用户通过这个界面修改,Web,部件的自定义属性。,语法格式：,【,课内练习,11.6】,定制,Web,部件,
展开阅读全文