Visual Web JSF 组件任务:快速参考

另请参见

本主题描述可以对组件执行的常见任务。有关更多的详细信息,请单击右列中的链接。

要执行此任务... 请按照下列步骤执行操作
将绑定属性添加到 JSF 组件
  1. 右键单击该组件。
  2. 选择“添加绑定属性”。
将组件添加到 Visual Web JSF 页
  1. 确保在 中打开该页面。
  2. 中,单击相应类别来选择要添加的组件类型
  3. 双击组件,或者将组件拖放到可视设计器中。
将类别添加到组件面板
  1. 如有必要,请选择“窗口”>“组件面板”以打开
  2. 右键单击任何类别,然后选择“创建新的类别”。
  3. 在“新建组件面板类别”对话框中,输入该类别的名称。
添加表
添加、使用、更改、重命名或删除代码片段
对齐组件
  1. 中,按住 Shift 键并选择要对齐的组件。
  2. 右键单击选定的最后一个组件,然后选择“对齐”> "<对齐命令>"
绑定缺省组件属性
  1. 右键单击要绑定的组件,然后选择“绑定到数据”。
  2. 在“绑定到数据”对话框中,选择是绑定到对象,还是绑定到数据提供器。
  3. 选择要与属性绑定的目标。
绑定常规组件属性
  1. 右键单击要绑定的组件,然后选择“属性绑定”。
  2. 在“属性绑定”对话框中,从左侧的列表中选择要绑定的属性。
  3. 从右侧的列表中选择要将属性绑定到的目标。
从 Visual Web JSF 页中删除组件
  1. 中选择要删除的组件。
  2. 右键单击该组件,然后选择“删除”。
删除组件库
编辑组件的 CSS 样式(更改页面上组件的外观)
  1. 中,单击该组件。
  2. “属性”窗口中,单击 style 属性旁边的省略号按钮 (...)。

    此时将打开样式编辑器

  3. 从编辑器左侧的列表中选择类别。
  4. 为要应用于组件的类别设置样式。
  5. 在可视设计器中查看对组件所做的更改。
  6. 单击“确定”将所有设置应用于组件的样式属性。
编辑样式表
  1. 的 "<项目名称>" >“Web 页”> "resources" 节点下,双击目录中的 stylesheet.css(缺省样式表)或任何其他 CSS 文件。
  2. CSS 编辑器中,编辑该样式表。
  3. 在主菜单中,选择“文件”>“保存”。
处理组件事件
  1. 中,单击编辑器工具栏中的 "Java" 按钮。
  2. 将事件处理程序的 Java 代码添加到方法。

    在键入内容时,Java 编辑器将提供代码完成的提示,其中包括所引用对象的可能方法和实例变量。

  3. 也可以将光标放在您需要了解信息的项上,然后按 Ctrl-Shift-空格键来查看 Javadoc 文档。
导入新组件
嵌套组件
  • 中,将组件拖到它应该在其中嵌套的组件上面。
预览页面
从 JSF 组件中删除绑定属性
  1. 右键单击该组件。
  2. 选择“删除绑定属性”。
选择单个组件
  • 中,单击该组件。
选择多个组件

共有以下几种方法:

  • 中,按住 Ctrl 键的同时单击每个组件。
  • 在“导航”窗口中,单击列表中的第一项,然后按住 Shift 键并单击列表中的最后一项。这样就选定了中间的所有组件。
  • 在可视设计器中,单击并按住鼠标按钮,然后拖动鼠标,以完全包围要选择的所有项。
设置组件属性
  1. 中,选择该组件。
  2. “属性”窗口中,设置这些属性
设置 CSS 样式
  1. 中,单击该组件。
  2. “属性”窗口中,单击样式旁边的省略号按钮 (...)。
  3. 从该编辑器左侧的列表中选择“样式编辑器”类别。
  4. 选择与该类别列表右侧的类别相关的样式设置。
  5. 完成后单击“确定”可应用样式。
设置页面布局
  1. 中,单击页面背景,以便能够看到页面属性。
  2. “属性”窗口中,选择页面布局的值。
设置 Tab 键顺序
  1. 中,选择该组件。
  2. “属性”窗口的“辅助功能”类别下面,找到 tabindex 属性,然后输入 Tab 键索引编号。
设置网格
  1. 在 Microsoft Windows 或 UNIX 系统上,选择“工具”>“选项”;在 Macintosh 系统上,选择 "NetBeans" >“首选项”。
  2. 单击“其他”标签按钮,然后单击 "Visual Web" 标签。
  3. 在相应的字段中输入新的网格高度和网格宽度。使用复选框设置是否显示网格或对齐网格
使组件与网格对齐
  1. 中,选择该项。
  2. 单击鼠标右键,然后选择“对齐网格”。
堆叠组件
使用样式表
  1. 中,单击该页面。
  2. “属性”窗口中,单击样式表旁边的省略号按钮 (...)。
  3. 输入文件的名称和位置。
以不同的分辨率查看页面
查看和缩放图像
  1. 中,双击某个图像以在编辑器中进行显示。
  2. 使用编辑器中显示的工具栏可放大或缩小图像。
另请参见
关于组件
使用组件

法律声明