Overview of the File Explorer Application

1-16 Web User Interface Developers Guide for Oracle Application Development Framework You can expand and collapse both these areas. The directory structure is created using a tree component. The search area is created using input components, a command button, and a table component. For more information about using panelAccordion components, see Section 8.9, Displaying or Hiding Contents in Accordion Panels and Tabbed Panels. For more information about using input components, see Chapter 9, Using Input Components and Defining Forms. For more information about using command buttons, see Chapter 18, Working with Navigation Components. For more information about using tables and trees, see Chapter 10, Using Tables and Trees. The right-hand side of the File Explorer application uses tabbed panes to display the contents of a directory in either a table, a tree table or a list, as shown in Figure 1–9 . Figure 1–9 Directory Contents in Tabbed Panels The table and tree table have built-in toolbars that allow you to manipulate how the contents are displayed. In the table an list, you can drag a file or subdirectory from one directory and drop it into another. In all tabs, you can right-click a file, and from the context menu, you can view the properties of the file in a popup window. For more information about using tabbed panes, see Section 8.9, Displaying or Hiding Contents in Accordion Panels and Tabbed Panels. For more information about table and tree table toolbars, see Section 10.8, Displaying Table Menus, Toolbars, and Status Bars. For more information about enabling drag and drop, see Chapter 32, Adding Drag and Drop Functionality. For more information about using context menus and popup windows, see Chapter 13, Using Popup Dialogs, Menus, and Windows. The top of the File Explorer application contains a menu and a toolbar, as shown in Figure 1–10 . Figure 1–10 Menu and Toolbar The menu options allow you to create and delete files and directories and change how the contents are displayed. The Help menu opens a help system that allows users to provide feedback in dialogs, as shown in Figure 1–11 . Introduction to ADF Faces Rich Client 1-17 Figure 1–11 Help System The help system consists of a number of forms created with various input components, including a rich text editor. For more information about menus, see Section 14.2, Using Menus in a Menu Bar. For more information about creating help systems, see Section 17.5, Displaying Help for Components. For more information about input components, see Chapter 9, Using Input Components and Defining Forms. Within the toolbar of the File Explorer are controls that allow you navigate within the directory structure, as well as controls that allow you to change the look and feel of the application by changing its skin. Figure 1–12 shows the File Explorer application using the simple skin. Figure 1–12 File Explorer Application with the Simple Skin For more information about toolbars, see Section 14.3, Using Toolbars. For more information about using skins, see Chapter 20, Customizing the Appearance Using Styles and Skins.

1.4.4 Viewing the Source Code In JDeveloper

All the source files for the ADF Faces demo application are contained in one project you give this project a name when you create it during installation. The project is divided into two directories: Application Sources and Web Content. Application Sources contains the oracle.adfdemo.view package, which in turn contains 1-18 Web User Interface Developers Guide for Oracle Application Development Framework packages that hold managed beans that provide functionality throughout the application. The Web Content directory contains all the web resources used by the application, including JSPX files, JavaScript libraries, images, configuration files, and so on. Tip: The managed beans for the component demos are in the component package and the managed beans for the File Explorer application are in the explorer package. Tip: The components subdirectory contains the resources for the component demos. The docs directory contains the tag and Javadoc documentation. The fileExplorer directory contains the resources for the File Explorer application.