Lesson 13: Using Web DataWindows  Lesson 13: Using Web DataWindows

Create a Web page with a Web DataWindow container

Note

In this lesson you create a new Web page, Addproduct.jsp, that uses the Web DataWindow container you just created.

  1. Right-click the Customer target in the System Tree and select New from the pop-up menu.

  2. Click the Web tab in the New dialog box.

    Double-click the Web/JSP DataWindow Page icon.

    Click Next on the first wizard page.

    The Specify New JSP File page displays.

  3. Type Addproduct in the Title text box and click Next twice.

    The file name changes automatically to use the text you typed for the page title. Addproduct.jsp is now the name of your Web page file. In this exercise, you do not specify a style sheet for the new page.

  4. Select the local EAServer profile, if it is not already selected.

    Select the XML generation format.

    Click Next.

    NoteAbout the XML Web generation format The Web DataWindow is a thin-client DataWindow implementation for Web applications that can be implemented in XML (separate XML content, XSLT layout, and CSS style with a subsequent transformation to XHTML), XHTML directly, or HTML. You use the XML Web DataWindow when you want industry-standard Web pages and the ability to customize pages using an XHTML export template.

    Shown is a Choose E A Server Profile screen for selecting a profile containing the information necessary to connect to E A Server for the Web D W Component and to select the generation format for the Web Data Window. In the E A Server Profiles list, the selected profile has the name Local, the Host B S C H dot dot dot, the Port is 9000, and the User is jag admin. At bottom are Generation Format radio buttons for HTML, X HTML, and XML, which is selected.

    The Choose Web DW Component Type page displays.

  5. Select the Web DW Container radio button and click Next.

    The Select EAServer DataWindow Component page displays.

  6. Expand the items below the local server.

    Under pbtutor_package, select the pbtutor_component.

    Shown is the Select E A Server Data Window Component screen. At top is the text "Select your Web Data Window Container from the list below. A display area labeled Web Data Window Component shows the etnry E A Server Host : my _ machine with p b tutor _ package under it, and then a selected check box next to p b tutor component.

  7. Click Next.

    The Choose DataWindow Object page displays.

  8. Select d_product.

    Shown is the Choose Data Window Object page. At top is the text " Select your Data Window object. If you do not see your Data Window in this list, click Back and select another Container component." Under this text is Data Windows display with a series of entries that start with d _ . They are cust list, customer, d d d w _ states, employee, prod list, and product. D _ product is highlighted.

  9. Click Next.

    Click Finish to accept your selections.

    The Addproduct.jsp Web page displays in Page view.

    Shown is the add product dot j s p Web page with text fields at left labeled Product ID, Product Name, Product Description, and Size. At right are a Color drop down and text boxes for Quantity and Unit Price. The same set of fields is displayed twice.

    The name of the Web DataWindow is webDW. This is the default name for a DataWindow control on a page that is not a 4GL page.




Copyright © 2006. Sybase Inc. All rights reserved. Lesson 13: Using Web DataWindows

View this book as PDF