How to Create .jspx File for the Rules Dictionary Editor Component

The next task is to create the .jspx file to include the Rules Dictionary Editor Component tag.

To create the .jspx file for the Rules Dictionary Editor Component tag:

Open Oracle JDeveloper.
From the File Menu, select New and then select JSF/Facelets.
Select JSF Page and click OK.
Select Document Type as JSP XML.
Enter file name as ruleDictEditor.jspx. Click OK.
The RuleDictionaryDC is visible in the Components window in jDeveloper as shown in Figure 26-30.

Figure 26-30 Components Window

Description of "Figure 26-30 Components Window"

Select RuleDictionaryDC, now you should see the RuleDictionaryDC tag. Drag and drop the RuleDictionaryDC tag into the JSPX fileFigure 26-31.

Figure 26-31 Rule Dictionary DC Tag

Description of "Figure 26-31 Rule Dictionary DC Tag"

You can also add the 'RuleDictionaryDC' tag manually in your jspx file like this:

<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
          xmlns:rddc="http://xmlns.oracle.com/bpel/rules/dictionaryEditor">
    <jsp:directive.page contentType="text/html;charset=UTF-8"/>
    <f:view>
        <af:document title="ruleDictEditor" id="d1">
            <af:form id="f1">
                <af:panelGridLayout id="pgl1" inlineStyle="margin:15px;" styleClass="AFStretchWidth"
                                    partialTriggers="cb2 cb3 cb6">
                    <af:gridRow id="dc_gr1" marginTop="5px" marginBottom="5px">
                        <af:gridCell marginStart="5px" marginEnd="5px" width="100%" halign="stretch" id="gc1">
                            <af:panelGroupLayout id="pgl3" layout="horizontal">
                                <af:button text="Save Dictionary" id="cb2" action="#{someBean.saveDictionary}"/>
                                <af:spacer width="10" height="10" id="s1"/>
                                <af:button text="Validate" id="cb3" action="#{someBean.validate}"/>
                                <af:spacer width="10" height="10" id="s3"/>
                                <af:button text="Toggle Mode" id="cb6" action="#{someBean.toggleMode}"/>
                            </af:panelGroupLayout>
                        </af:gridCell>
                    </af:gridRow>
                    <af:gridRow height="100%" id="gr2">
                        <af:gridCell width="100%" halign="stretch" valign="stretch" id="gc2">
                            <!-- Content -->
                            <rddc:ruleDictionaryDC ruleDictModel="#{someBean.ruleDictModel}" id="rddc1"
                                                   rulesEditorPrefs="#{someBean.rulesEditorPrefs}"
                                                   viewOnly="#{someBean.viewOnly}" disableVerbalRules="false"/>
                        </af:gridCell>
                    </af:gridRow>
                </af:panelGridLayout>
            </af:form>
        </af:document>
    </f:view>
</jsp:root>