VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > ASP.net 4.0教程 >
  • asp.net教程之工具箱

工具箱

VWD在工具箱中提供了ASP.NET服务器端控件集,以便于将这些控件拖放到页面上。第3章将详细讨论各种服务器端控件以及它们的使用方法;这里只需要大概了解怎样使用工具箱就可以了。要显示工具箱,可以选择菜单View->Toolbox或按下Ctrl+Alt+X。随后,可以拖动它的标题栏将其移动到新的位置。在向不同位置拖动工具箱时,将显示一个罗盘图标,允许将工具箱向上、向下、向左或向右拖动,或者拖放到另一个窗口的上面。如果希望最大化设计区的面积,则可以将Solution Explorer和Toolbox叠放在一起。
工具箱由一些面板组成,其中一些相似的控件组织在面板上。可以展开面板显示工具,也可以折叠面板以节约空间。在安装VWD时可以改变工具箱所包含的控件,但是一个典型的工具箱包含以下几个面板:
●       Standard,包含大多数ASP.NET 2.0服务器端控件。
●       Data,包含数据源和数据绑定控件。
●       Validation,如果用户输入在可接受的值的范围之外,则该面板所包含的控件将拒绝用户的输入。
●       Navigation,包含菜单和breadcrumb等导航控件。
●       Login,包含身份验证控件。
●       WebParts,包含站点中可由用户重新安排或隐藏的比较大的组件。
●       HTML,包含常用的(非ASP)标记。
●       General,可由用户定制的工具组。
图1-7显示了可能出现在屏幕上的工具箱。
单击面板的加号图标将展开一组可用的控件列表。图1-8显示了将Login和Standard面板展开的工具箱。
     
图  1-7                       图  1-8
General面板一开始是空的。在创建了页面的一部分之后,可以选中该页面并将其拖放到General面板,从而创建一个可复用的工具。如果希望复制一组已调整好格式的控件到其他页面,则这个工具将非常有用。
在工具箱标题栏的右边有一个图钉图标,如图1-9所示。单击该图标,它将变为水平方向,意味着在没有用到工具箱时它将自动隐藏起来,而仅仅显示标题栏。

图  1-9
提示:
工具箱的外观在使用过程中是变化的。例如,每个面板的标题在选中它们时改变。
当鼠标移动到工具箱的标题栏上时,工具箱将弹出来供开发人员使用。如图1-10所示。

图  1-10
在下面的“试一试”部分,将练习使用VWD的Design和Source视图,以及工具箱的功能。

(1) 在VWD中继续编辑Mishaps页面。
(2) 切换到Design视图。在工具箱中展开HTML面板并滚动到该面板的底部。将Horizontal Rule控件从工具箱拖放到页面上(任意两个段落之间)。
(3) 下一个目标是在History页面的底部添加一个日历控件。打开工具箱的Standard面板并找到ASP.NET的日历控件。将其拖放到页面上(双击该工具将执行同样的操作)。单击选中该控件并注意其右上角指向右边的小箭头图标。单击该图标显示智能任务面板。单击Auto Format,选择一种格式,并单击Apply。注意观察使用VWD的对话框界面一次性地修改众多显示标准是多么容易。
(4) 在VWD中打开History页面。以Design视图查看该页面。将光标移动到以<%@Page…>开始的标记之前。注意导航向导(在设计面板的底部)显示当前光标位于<Page>标记中。单击<Page>标记,将选中设计面板内该标记的所有内容。
操作回顾
如您所见,工具箱提供向页面拖放各种元素的功能,就像拖放HTML控件Horizontal Rule一样,而不是输入元素的标记。即使是像日历这样复杂的结构也可以拖放到页面上。将控件添加到页面之后,可以使用智能任务面板对其进行修改。

相关教程