Skip Headers
Oracle® Application Express Advanced Tutorials
Release 3.2

Part Number E11945-02
Go to Documentation Home
Home
Go to Book List
Book List
Go to Table of Contents
Contents
Go to Master Index
Master Index
Go to Feedback page
Contact Us

Go to previous page
Previous
Go to next page
Next
PDF · Mobi · ePub

6 How to Work with Check Boxes

In Oracle Application Express, you can create check boxes as items, or you can create check boxes in reports. Check boxes on a form work similarly to a list of values. When you define an item to be a check box, you need to provide the check box value in the List of Values section of the Item Attributes page. You define check boxes on a report using the supplied function, APEX_ITEM.CHECKBOX.

This tutorial illustrates different ways in which you can create check boxes and explains how to reference and process the values of checked boxes. Before you begin, you need to import and install the OEHR Sample Objects application in order to access the necessary sample database objects. See "About Loading Sample Objects".

This section contains the following topics:

For additional examples on this and related topics, please visit the following Oracle by Examples (OBEs):

Creating an Application

First, you need to create an application using the Create Application Wizard.

To create an application using the Create Application Wizard:

  1. On the Workspace home page, click the Application Builder icon.

    The Application Builder home page appears.

  2. Click Create.

  3. Select Create Application and click Next.

  4. For Name:

    1. Name - Enter Check Boxes.

    2. Application - Accept the default.

    3. Create Application - Select From scratch.

    4. Schema - Select the schema where you installed the OEHR sample objects.

    5. Click Next.

      Next, you need to add a page. For this exercise, you add a report and form.

  5. To add a report and form:

    1. Select Page Type -Select Report and Form.

    2. Table Name - Select OEHR_PRODUCT_INFORMATION.

    3. Click Add Page.

      Two new pages appear in the list at the top of the page. Note that each page has the same page name. Next, edit the page names to make them more meaningful.

  6. To edit the name of page 1:

    1. Click OEHR_PRODUCT_INFORMATION next to page 1 at the top of the page as shown in Figure 6-1.

      Figure 6-1 Page Name in the Create Application Wizard

      Description of Figure 6-1 follows
      Description of "Figure 6-1 Page Name in the Create Application Wizard"

    2. In Page Name, replace the existing text with Product Report.

    3. Click Apply Changes.

  7. To edit the name of page 2:

    1. Click OEHR_PRODUCT_INFORMATION next to page 2 at the top of the page as shown in Figure 6-1.

    2. In Page Name, replace the existing text with Update Form.

    3. Click Apply Changes.

  8. Click Next.

  9. For Tabs, accept the default, One Level of Tabs, and click Next.

  10. For Copy Shared Components from Another Application, accept the default, No, and click Next.

  11. For Attributes, accept the defaults for Authentication Scheme, Language, and User Language Preference Derived From and click Next.

  12. For User Interface, select Theme 2 and click Next.

  13. Review your selections and click Create.

    The Application home page appears.

Run the Application

Next, review the application by running it.

To run the application:

  1. Click Run Application as shown in Figure 6-2.

    Figure 6-2 Run Application Icon

    Description of Figure 6-2 follows
    Description of "Figure 6-2 Run Application Icon"

  2. If prompted to enter a user name and password, enter your workspace user name and password and click Login. See "About Application Authentication".

    The application appears. Note that the report contains eleven columns displaying product information. Users can link to an update form by clicking the Edit icon in the far left column.

  3. Click the Edit icon next to a specific product. As shown in Figure 6-3, an update form appears.

Editing the Update Form

Page 2 of your application is an update form. In this exercise, you modify this form by hiding the Warranty Period field and creating a new check box.

Topics in this section include:

Hide the Warranty Period Field

First, hide the Warranty Period field by changing the Display As attribute.

To hide the Warranty Period field:

  1. Click Edit Page 2 on the Developer toolbar.

    The Page Definition for page 2 appears.

  2. Scroll down to the Items section.

  3. Under Items, select P2_WARRANTY_PERIOD.

  4. From Display As in the Name section, select Hidden.

  5. Click Apply Changes.

Add a New Checkbox

In this exercise you create a check box that automatically sets the minimum product price to 75% of the list price.

Topics in this section include:

Tip:

For simplicity, this tutorial has you create a checkbox by editing item attributes. As a best practice, however, you can also create a named LOV and reference it.

See Also:

"Creating Lists of Values" in Oracle Database Application Express User's Guide

Add a New Item

First, you add a new item. Initially, you create this item to display as a radio group and later change it to a check box.

To add an item that displays as a radio group:

  1. On the Page Definition for page 2, scroll down to Items.

  2. Under Items, click the Create icon as shown in Figure 6-4.

  3. For Item Type, select Radio and click Next.

  4. For Radio Group Control Type, select Radio group and click Next.

  5. For Display Position and Name:

    1. Item Name - Enter P2_SET_MIN_PRICE.

    2. Sequence - Enter 9.5.

      Note that this sequence positions the item below the P2_MIN_PRICE item (the Minimum Price field).

    3. Region - Select Update Form.

    4. Click Next.

  6. For List of Values:

    1. Named LOV - Select Select Named LOV.

    2. Display Null Option - Select No.

    3. List of Values Query - Enter:

      STATIC:Yes;Y,No;N
      
    4. Click Next.

  7. For Item Attributes:

    1. Label - Replace the existing text with Set Minimum Price.

    2. Accept the remaining defaults.

    3. Click Next.

  8. For Source:

    1. Item Source - Select SQL Query.

    2. Item Source Value - Enter:

      SELECT 'Y' FROM DUAL WHERE :P2_LIST_PRICE*0.75=:P2_MIN_PRICE
      
    3. Accept the remaining defaults and click Create Item.

Create a Process

Next, you create a page process that sets the minimum price at a 25% discount of the list price.

To create a page process:

  1. On the Page Definition for page 2, locate the Page Processing area.

  2. Under Processes, click the Create icon.

  3. For Process Type, select PL/SQL and click Next.

  4. For Process Attributes:

    1. Name - Enter Update Min Price.

    2. Sequence - Accept the default.

    3. Point - Select OnSubmit - After Computations and Validataions.

    4. Click Next.

  5. For Process:

    1. Enter the following:

      UPDATE oehr_product_information 
      SET MIN_PRICE=(:P2_LIST_PRICE*0.75) 
      WHERE PRODUCT_ID=:P2_PRODUCT_ID;
      
    2. Click Next.

  6. For Messages:

    1. Success Message - Enter:

      Product successfully updated.
      
    2. Failure Message - Enter:

      Unable to update this product. Contact your system administrator.
      
    3. Click Next.

  7. For Process Conditions:

    1. Condition Type - Select Value of Item in Expression 1 = Expression 2.

    2. Expression 1 - Enter:

      P2_SET_MIN_PRICE
      
    3. Expression 2 - Enter Y.

    4. Click Create Process.

Run the Page

To run the page:

  1. Click the Run Page icon in the upper right corner.

  2. If prompted to enter a user name and password, enter your workspace user name and password and click Login. See "About Application Authentication".

    The revised form appears as shown in Figure 6-5. Note that the Warranty Period field no longer displays and a new Set Minimum Price radio group appears.

    Figure 6-5 Update Form with Set Minimum Price Radio Group

    Description of Figure 6-5 follows
    Description of "Figure 6-5 Update Form with Set Minimum Price Radio Group"

Edit the Item to Display as a Check Box

Next, change the Set Minimum Price radio group (P2_SET_MIN_PRICE) to display as a check box.

To edit P2_SET_MIN_PRICE:

  1. Click Edit Page 2 on the Developer toolbar.

    The Page Definition for Page 2 appears.

  2. Under Items, click P2_SET_MIN_PRICE.

  3. From Display As, select Checkbox.

  4. Scroll down to Label. In Label, delete the existing text, Set Minimum Price.

  5. Scroll down to Default. In Default Value, enter N.

  6. Under Lists of Values:

    1. Number of Columns - Enter 1.

    2. List of values definition - Enter:

      STATIC: <b> Set Minimum Price</b><br/> (25% Discount on List Price);Y
      
  7. Click Apply Changes at the top of the page.

Run the Page

To run the page, click the Run Page icon in the upper right corner. The revised form appears as shown in Figure 6-6. Note the new Set Minimum Price check box.

Figure 6-6 Update Form with Set Minimum Price Check Box

Description of Figure 6-6 follows
Description of "Figure 6-6 Update Form with Set Minimum Price Check Box"

Change the Report Display

You can alter how a report displays by editing report attributes. In the exercise, you change the number of columns that display on page 1 and then change the format of two columns to include a currency symbol.

To edit report attributes for page 1:

  1. Click Application on the Developer toolbar.

    The Application home page appears.

  2. Click 1 - Product Report.

    The Page Definition for page 1 appears.

  3. Under Regions, click the Report link as shown in Figure 6-7.

    The Report Attributes page appears. You can use this page to precisely control the report layout. First, change the number of columns that display.

  4. Deselect the Show check box for the following columns:

    • Weight Class

    • Warranty Period

    • Supplier ID

    Next, edit List Price and Min Price columns to include a currency symbol.

  5. Edit the List Price column:

    1. Click the Edit icon next to List Price.

    2. From Number / Date Format, select $5,234.10.

    3. Click the Next (>) icon at the top of the page.

      Clicking the Next icon submits your changes and then displays attributes for the next column, Min Price.

  6. Edit the Min Price column:

    1. From Number / Date Format, select $5,234.10.

      Note that you select a format by selecting an example. However, the value that actually displays field is the Oracle number format.

    2. Click Apply Changes.

  7. Click the Run Page icon in the upper right corner.

    The revised report appears. Notice the Weight Class, Warranty Period, and Supplier ID no longer appear and the List Price and Min Price columns include a currency symbol.

Create Multi Value Check Boxes to Filter Content

In the next exercise, you change the Search field (P1_REPORT_SEARCH) on the Product Report page to a multi value check box. These check boxes enable users to filter the report by product category (obsolete, orderable, planned, under development).

Topics in this section include:

Change the Search Field to a Multi Value Check Box

To change the search field to a check box:

  1. Click Edit Page 1 on the Developer toolbar.

    The Page Definition for page 1 appears.

  2. Under Items, click P1_REPORT_SEARCH.

  3. From Display As, select Checkbox.

  4. Scroll down to Label. For Label, delete the existing text and replace with Product Status.

  5. Scroll down to Source. In Source Value or Expression, enter:

    obsolete:orderable:planned:under development
    
  6. Scroll down to List of Values. Specify the following:

    1. Named LOV - Accept the default.

    2. Number of Columns - Enter 4.

    3. List of values definition - Enter:

      SELECT DISTINCT product_status display_value, product_status return_value
      FROM oehr_product_information
      ORDER BY 1
      

      Note:

      Note that to create a multi value check box, the List of Values query must return more than one row.
  7. Click Apply Changes at the top of the page.

    The Page Definition for page 1 appears.

Edit the Report Region Definition

To edit the report region definition:

  1. Under Regions, click Product Report.

    The Region Definition appears.

  2. Scroll down to Source.

  3. In Source modify the WHERE clause to read as follows:

    ...
    WHERE  instr(':'||:P1_REPORT_SEARCH||':',product_status)> 0
    
  4. Click Apply Changes at the top of the page.

    The Page Definition for page 1 appears.

  5. Click Apply Changes at the top of the page.

    The Page Definition for page 1 appears.

Change the Default Check Box Behavior

Although the Product Status check boxes correctly filter the content on page 1, if you deselect all the check boxes, notice the report returns all products. This behavior results from the fact that if a check box has a NULL value (that is, it is deselected), then it defaults to the default value Y. The default value of Y, in turn, enables the check box.You can alter this behavior by adding a computation that remembers the state of the check box.To add a computation that tracks the state of the check box:

  1. Under Page Processing, Computations, click the Create icon.

    The Create Page Computation Wizard appears.

  2. For Item Location, select Item on This Page and click Next.

  3. For Item, specify the following:

    1. Compute Item - Select P1_REPORT_SEARCH.

    2. Sequence - Accept the default.

    3. Computation Point - Select After Submit.

    4. Computation Type - Select Static Assignment.

    5. Click Next.

  4. In Computation:

    1. Enter:

      none(bogus_value)
      
    2. Click Next.

  5. For Condition:

    1. From Condition Type, select Value of Item in Expression 1 Is NULL.

    2. In Expression 1, enter:

      P1_REPORT_SEARCH
      
  6. Click Create.

    The Page Definition for page 1 appears.

  7. Click the Run Page icon in the upper right corner. Note that the Product Status check boxes display at the top of the page.

Change the Check Boxes to Display in Bold

Next, you edit the check box display values (or labels) so that they appear as bold text.

To edit check box display values (or labels) to appear in bold:

  1. Go to the Page Definition for page 1.

  2. Under Items, click P1_REPORT_SEARCH.

  3. Scroll down to Element.

  4. In Form Element Option Attributes, enter:

    class="fielddatabold"
    

    Form Element Option Attributes are used exclusively for check boxes and radio buttons and control the way the Application Express engine renders individual options.

  5. Click Apply Changes.

    The Page Definition for page 1 appears.

Adding Check Boxes to Each Row in the Report

In the next exercise, you add a delete check box to each row in the Product Report. To accomplish this, you must edit the report query and make a call to the APEX_ITEM package.

APEX_ITEM is a supplied package for generating certain items dynamically. In this instance, you use APEX_ITEM.CHECKBOX to generate check boxes in the Product report. When the page is submitted, the values of the check boxes are stored in global package arrays. You can reference these values using the PL/SQL variables APEX_APPLICATION.G_F01 to APEX_APPLICATION.G_F50 based on the p_idx parameter value that was passed in.

Topics in this section include:

Call APEX_ITEM.CHECKBOX

To edit the query to call APEX_ITEM.CHECKBOX:

  1. Go to the Page Definition for page 1.

  2. Under Regions, click Product Report.

  3. Scroll down to Source.

  4. In Region Source, add the new line appearing in bold face to the query.

    SELECT 
    "product_id",
    apex_item.checkbox(1,product_id) del,
    "product_name", 
    "product_description",
    "category_id",
    "weight_class",
    "warranty_period",
    "supplier_id",
    "product_status",
    "list_price",
    "min_price",
    "catalog_url"
    FROM   "oehr_product_information" 
    WHERE  instr(':'||:p1_report_search||':',product_status)> 0  
    

    APEX_ITEM is an Oracle Application Express supplied package that you can use to generate certain items dynamically. Note that the value passed in for p_idx in the above example is 1. You reference the check box values using the global variable APEX_APPLICATION.G_F01 later on.

    Oracle Application Express automatically adds new columns to the end of the column list. Next, you need to move the DEL column.

  5. Scroll to the top of the page and select the Report Attributes tab.

  6. Under Column Attributes, locate the Del column.

  7. Click the Up arrow on the far right until the DEL column is directly below PRODUCT_ID. (See Figure 6-8).

    Figure 6-8 Report Column Attributes Page

    Description of Figure 6-8 follows
    Description of "Figure 6-8 Report Column Attributes Page"

  8. Click Apply Changes.

    The Page Definition for page 1 appears.

Add a Button to Submit Check Box Array Values

To add a button to submit the check box array values:

  1. Go to the Page Definition for page 1.

  2. Under Buttons, click the Create icon.

  3. For Button Region, select Product Report (1) and click Next.

  4. For Position, select Create a button in a region position and click Next.

  5. For Button Attributes:

    1. Button Name - Enter DELETE_PRODUCTS.

    2. Label - Enter Delete Products.

    3. Accept the remaining defaults and click Next.

  6. In Button Template, accept the default selection and click Next.

  7. For Display Properties:

    1. Position - Select Top of Region.

    2. Accept the remaining defaults and click Next.

  8. For Branching, select 1 Product Report and click Create Button.

Add a Process

To add a process that executes when the user clicks the Delete Products button:

  1. Under Page Processing, Processes, click the Create icon.

  2. For Process Type, select PL/SQL and click Next.

  3. For Process Attributes:

    1. Name - Enter Delete Products.

    2. Sequence - Accept the default.

    3. For Point - Select On Submit - After Computations and Validations.

    4. Click Next.

  4. Enter the following PL/SQL process and then click Next:

    FOR i in 1..APEX_APPLICATION.G_F01.count
    LOOP
       DELETE FROM oehr_product_information
       WHERE product_id = APEX_APPLICATION.G_F01(i);
    END LOOP;
    

    APEX_ITEM is an Oracle Application Express supplied package that you can use to generate certain items dynamically. When a page is submitted, the values of each column are stored in global package arrays, which you can reference using the PL/SQL variable APEX_APPLICATION.G_F01 to APEX_APPLICATION.G_F50. In this exercise, the value passed in for product_id is 1, so you reference the column values using the global variable APEX_APPLICATION.G_F01.

  5. On Messages:

    1. In Success Message, enter:

      Product(s) deleted.
      
    2. In Failure Message, enter:

      Unable to delete product(s).
      
  6. Click Create Process.

  7. Run the page.

    Notice that the Delete Products button appears above the report as shown in Figure 6-9. To remove a product from the report, select the Del check box and then click Delete Products.

    Figure 6-9 Product Report with Delete Products Check Box

    Description of Figure 6-9 follows
    Description of "Figure 6-9 Product Report with Delete Products Check Box"