Embedding a declarative component written in JSF 1.2 in a jsf page

Hi ,
I have a declarative component written in JSF 1.2 . I want to embed this declarative component in an ADF application which is using JSF 2.0.
On creating a jspx page in JSF 2.0 & embedding decalrative component it just works fine but I have to embed it in a JSF page instead , which is not working.
Any suggestions ?
Thanks
Vinit

Hi,
for JDeveloper 11g R2 you will need to know before whether the application you build uses JSPX page documents or Facelets. The technologies are different (introduced with JSF 2) and declarative components thus need to be build for the document type used by teh application
Frank

Similar Messages

Dynamic Form componants in my jsf page?

how could i make dynamic form componant in my jsf page ,depend on user inputs or result from database or whatever , where i use sun studio creator ???

you need to use the "rendered" attribute of the components...
for example in your jsp put this...
<h:outputText value="Hello" rendered="#{myBean.renderHello}"/>
the render hello method looks like this in your backing bean "myBean"
public boolean getRenderHello() {
return true; // or false
if getRenderHello() returns true, "Hello" will be displayed, if getRenderHello() returns false, it will not...
you can also use expressions in the jsf... for example...
<h:outputText value="Hello" rendered="#{myBean.someNumber == 5}"/>
if the "getSomeNumber()" method in your backing bean returns 5 it will be true and "Hello" will show up... otherwise it won't... :)
Hope this helps...
-Garrett

Declarative component are not accessable in page fragment

Hi,
I have created declarative component .. But it can access only in *.jsf page not in fragment page ...

HI,
Got it actually i have created declarative component using faclet (*.jsf) page... If i create DC using .jspx page ...its working
Thanks,
Nitesh

Calling a method in the Custom ADF component from JSF page

HI.
I have created some custom compoents by extending the core ADF Components. Like i have a ComboBoxDefault component with it's ComboBoxDefaultTag.java and Controls.tld file.
Now my requirement is i want to bind my label to this component from the JSF page. like
<fwcontrols:label binding="#{listComponents.comboBoxDefaultLabel}" id="label1"/>
<fwcontrols:comboBoxDefault binding="#{listComponents.cmbLocales}"
value="en_GB" id="comboBoxDefault" autoSubmit="true" label="label1">
<f:selectItems value="#{listComponents.locales}"/>
</fwcontrols:comboBoxDefault>
In my JSF page the label will have an id, and that id will be specified in the label tag of the component.
In Tag.java file i have overrided the setProperty(FacesBean facesBean). In this method i have bind all my properties. In core JSF the setProperty method is provided with the UIComponent parameter, so i can call my method in component also. Which is not in case of ADF Faces.
My main point is how i can call my method setLabel() which is in ComboBoxDefault.java so that i can set the label.
Thanks in Advance.

Thanks for all your replies. I want this kind of a functionality because Im trying to invove a DC (Child DC) from a Parent DC such that the Child DC's view is displayed onto the view container of the Parent DC. I have embedded using 'interface view of a component instance' in the Parent Window and am able to create the component and set usage though the onPlugDefault of the Child View.
But I observe that when i make a call from the parent, the flow is like this:
1. The wdDoInit of the Child Component Controller gets triggered first.
2. Then the wdDoInit of the Child's VIEW gets triggered
3. and THEN the onPlugDefault of the Child Component Interface View
What I had actually wanted was to Fire onPlugDefault where Im calling a method LoadData(), after which the Child DC's view must be triggered so it can display the fetched data.
What is actually happening is the view gets displayed, but no data is displayed in the view.
Right now I have just given a work around where Im triggering LoadData() of the COmponent COntroller from the wdDoInit of the VIEW.
Is there a better way to do this? I find it strange that I have to load the Data from the view.
Thanks
Jack

Component level message are not coming up for the declarative component.

Hie
i am using ADF faces with jdev 11g.
i have created a declarative component and dropped it in my web application.
This component provides an action listener to write some app specific code.
in the listener i wrote a component level error message.
on running the app i can see that it is going to that error but it is not showing it up on the ui. same code works for other adf faces components that comes by default in the component pellete.
I tried setting the clientComponent attribute to true as well but no luck.
any idea if something wrong with declarative components?

Frank,
My declarative component is dropped on my jsff. In this pages i have dropped a af:messages as well.
There is a small button in my component on which i have bound an action listner.
In the action listener i have a validation on the failure condition of which i have the code like:
if(bean == null || bean.isAuthenticated() == false){
FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_ERROR, null, "You must be logged in to vote up");
FacesContext context = FacesContext.getCurrentInstance();
context.addMessage(getVotingQuesComponent().getClientId(context), msg);
AdfFacesContext.getCurrentInstance().addPartialTarget(getVotingQuesComponent());
return;
So, i m sure my flow is going in this part of code but i dont see the message coming up marking my declarative component.
However, if i replace this message by a page level error message then that comes up fine.

Unable to read view Id of Declarative Component from "var" of af:iterator

Hi,
I am facing a weird issue where when i assign "var" of af:iterator to the view Id of declarative component, it is saying "<DynamicIncludeTag> <getViewId> Encountered null from the viewId expression: #{row}"
And Page is showing blank.
My JSPX code is as follows :
<af:iterator value="#{pageFlowScope.stageBean.pathList}" var="row">
<af:outputText value="#{row}" id="ot1"/>
<af:declarativeComponent viewId="#{row}"/>
</af:iterator>
And code snippet for getter in Java bean is as follows:
public List<String> getPathList()
List<String> pathList = new ArrayList<String>();
pathList.add("/Test.jspx");
return pathList;
The weird thing here is output text is printing the path /Test.jspx but declarative component is not recognizing it. Its showing blank page and in logs, error says "Encountered null from the viewId expression: #{row}"
If i remove #{row} from viewId and manually give like viewId = "/Test.jspx" , its displaying the page correctly.
Can anyone please help me solve this issue?
Regards,
Rakesh.

http://stackoverflow.com/questions/12183735/adf-unable-to-read-view-id-of-declarative-component-from-var-of-afiterator

How to use j query in .jsf page which is designed using adfpagetemplate.

<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns:f="http://java.sun.com/jsf/core" xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<af:document title="untitled7.jsf" id="d1">
<af:form id="f1">
<af:pageTemplate viewId="/oracle/templates/threeColumnTemplate.jspx" id="pt1">
<f:facet name="center">
<af:resource type="javascript"
source="/lib/jquery/jquery-1.3.2.min.js"/>
<af:resource type="javascript">
function slideSwitch() {
var $active = $('#slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next() : $('#slideshow img:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
$(function() {
setInterval( "slideSwitch()", 15000 );
</af:resource>
<af:resource type="css">
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
#slideshow IMG.active {
z-index:10;
opacity:1.0;
#slideshow IMG.last-active {
z-index:9;
</af:resource>
<af:panelGroupLayout id="slideshow" layout="vertical">

<af:group>
<af:image source="/images/cristo1.jpg" id="i1" />
<af:image source="/images/cristo2.jpg" id="i2"/>
<af:image source="/images/ipanema1.jpg" id="i3"/>
</af:group>
</af:panelGroupLayout>
</f:facet>
<f:facet name="header"/>
<f:facet name="end"/>
<f:facet name="start"/>
<f:facet name="branding"/>
<f:facet name="copyright"/>
<f:facet name="status"/>
</af:pageTemplate>
</af:form>
</af:document>
</f:view>
Above content is my code written in jsf page....
jquery working fine if i create page withoput pagetemplate...
Any please guide me to use jquery in the jsf page(created with page template)...
Thanks in advance
Edited by: 991543 on May 7, 2013 11:05 PM

Hi frank,
thanks for your reply frank........still am facing the same issue even i tried wat you told.
I have pasted the code below for your reference.....
please let me knw wat is the wrong thing in below code if any thing wrong plz guide me to resolve because this is needed in our project, thanks in advance.
<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns:f="http://java.sun.com/jsf/core" xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<af:document title="untitled7.jsf" id="d1">
<af:form id="f1">
<af:pageTemplate viewId="/oracle/templates/threeColumnTemplate.jspx" id="pt1">
<f:facet name="center">
<af:resource type="javascript"
source="/lib/jquery/jquery-1.3.2.min.js"/>
<af:resource type="javascript">
function slideSwitch() {
var $active = $('#pt1:slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#pt1:slideshow IMG:last');
// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next() : $('#pt1:slideshow img:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
$(function() {
setInterval( "slideSwitch()", 1000 );
</af:resource>
<af:resource type="css">
#pt1:slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
#pt1:slideshow IMG.active {
z-index:10;
opacity:1.0;
#pt1:slideshow IMG.last-active {
z-index:9;
</af:resource>
<af:panelGroupLayout id="slideshow" layout="vertical">

<af:group>
<af:image source="/images/cristo1.jpg" id="i1" />
<af:image source="/images/cristo2.jpg" id="i2"/>
<af:image source="/images/ipanema1.jpg" id="i3"/>
</af:group>
</af:panelGroupLayout>
</f:facet>
<f:facet name="header"/>
<f:facet name="end"/>
<f:facet name="start"/>
<f:facet name="branding"/>
<f:facet name="copyright"/>
<f:facet name="status"/>
</af:pageTemplate>
</af:form>
</af:document>
</f:view>
Thanks & Regards
Gowthaman Narayanan
Edited by: 991543 on May 15, 2013 4:27 AM
Edited by: 991543 on May 15, 2013 4:30 AM

JSF Declarative Component

hi every body
i am using Oracle Jdeveloper 11g release 2
i wanted to create a Calendar Component
for this i used JSF Declarative Component
i added a RichInputText to page and a Button for opening calendar Dialog
when for first time i open Calendar Dialog and select a day ,
value of this day return to RichInputText truly but
when i wanna to open it for second time that has an error
error is:
Error:dateValue is Read only
i have to tell you dateValue is name of Attribute on JSF Declarative Component
can anybody help me?

i found a solution for this problem
thanks

More than one instance of same Declarative Component in a single JSF page

Hi,
I have problem in using more than one instance of same Declarative Component in a single JSF page.
Only one instance is visible/rendered.
If I drag and drop more than one instance of same Declarative Component in a single JSF page, only one is displayed.
Not sure why is so....have I missed on some configuration?

What version of JDeveloper are you using? What declarative component?
In general when creating JSF UI components, care must be taken to avoid certain pitfalls that happen when one uses that component more than once in a page...so depending on which component you are using, one might surmise that more or less care was taken on that component when building it.
If it was well tested though...like if it was an ADF Faces component, then that is probably not the problem.

JSF Declarative Component - Using a method?

Hello. I'm creating a declarative component that has a submit button. I want the submit button to be defined, but I want the person using the component to define the action (ex, they specify which method from an AM to execute) How can I do this? I tried defining a method and setting the buttons action to comp.whatever. However, when the person defines the button and points the method to the binding layer, it can never located the method.
Thanks, Graeme.

Hi Shay, thanks for the response. I have read the tutorial. The only difference is in the tutorial it's executing a method on the view object. I need to execute a method on my application module. I defined it on my declarative component as:
<af:commandButton text="commandButton 1" id="dc_cb1"
actionListener="#{comp.submitRegistrationForm}"/>
As this kind of method attribute
<method-attribute>
<attribute-name>
submitRegistrationForm
</attribute-name>
<method-signature>
void submitRegistrationForm(oracle.jbo.ViewObject)
</method-signature>
<required>
false
</required>
</method-attribute>
Then I dragged in my custom component and defined my submit button as #{bindings.sendRegistration.execute} The sendRegistration is a method in my AM. I created a method binding for this as
<methodAction id="sendRegistration"
InstanceName="RegistrationAMDataControl.dataProvider"
DataControl="RegistrationAMDataControl"
RequiresUpdateModel="true" Action="invokeMethod"
MethodName="sendRegistration" IsViewObjectMethod="false"
ReturnName="RegistrationAMDataControl.methodResults.sendRegistration_RegistrationAMDataControl_dataProvider_sendRegistration_result">
<NamedData NDName="vo" NDValue="#{bindings.FirstName.attributeValue}"
NDType="oracle.jbo.ViewObject"/>
</methodAction>
However, everytime I hit the button I get an error the method does not exist. Method not found: UserRegistrationFormComponent[oracle.adf.view.rich.component.fragment.UIXInclude$ContextualFacesBeanWrapper@1572ca2, id=urf1].SubmitRegistrationForm(javax.faces.event.ActionEvent)
Is it possible to call this to my AM?
Thanks.

11.1.2: Declarative-component problem!

Hi!
We're just evaluating 11.1.2. I converted some declarative components to 11.1.2/Facelets style, but I am running into problems.
As a test, I created some new components from scratch, confirming the issue.
I create a declarative component and choose "Facelets" and choose "Use custom component class".
JDeveloper then creates an entry in the jsf:
 <afc:component>
 <afc:display-name>testComponent</afc:display-name>
 <afc:component-class>component.TestComponent</afc:component-class>
 <afc:facet>
....After deployment, I just get an error. Facelets is reporting that there is no tag for "component-class", and examining component.taglib.xml in adf-richclient-impl-11.jar shows: Facelets is right! There is none!
Now, I cannot just remove the component-class entry. If I do that, then deployment works, but then JDeveloper creates during compilation a wrong "TestComponentComponent" class (which should extend TestComponent but doesn't!).
It just extends RichDeclarativeComponent, just like my original TestComponent class. All code in TestComponent is not available at runtime.
RichDeclarativeComponent
 |
 |
TestComponent <---- This class is now for the birdsand
RichDeclarativeComponent
 |
 |
TestComponentComponent <----- That class is used by the handlerIf I leave the component-class entry in, then - as expected - I get the correct hierarchy:
RichDeclarativeComponent
 |
 |
TestComponent
 |
 |
TestComponentComponentbut the component doesn't run.
So, now what? This cannot be the way it's supposed to work, can it. Manually edit the "component-class" stuff out of the jsf in the jar after deployment!?
Edit: Created SR 3-3856944401: Facelets-based declarative component with custom component class not working
Sascha
Edited by: Sascha Herrmann on Jun 17, 2011 6:41 PM

This is bug 12717940.
Sascha

Create custom declarative component like container

Hi all,
I'm using Jdev 12c.
I wanna create a custom declarative component like this:
container.jsf :
<af:panelGroupLayout id="#{attrs.Name}_VIEWPORT" layout="scroll" binding="#{attrs.Binding}"
 inlineStyle="position:absolute;width:#{attrs.ViewportWidth}px;height:#{attrs.ViewportHeight}px;top:#{attrs.ViewportY}px;left:#{attrs.ViewportX}px;border:1px solid;background:#c6c6ff;z-index:#{attrs.ZIndex};">
 <af:panelGroupLayout id="#{attrs.Name}" layout="scroll"
 inlineStyle="position:absolute;width:#{attrs.Width}px;height:#{attrs.Height}px;">
 </af:panelGroupLayout>
 </af:panelGroupLayout>
<af:xmlContent>
 <afc:component>
 <afc:description/>
</af:xmlContent>
I use this custom component to group some child components like this:
<abc:container ...>
 <af:inputText ... />
 <af:inputText ... />
</abc:container>
But the things is in Java code, I cannot get RichInputText components :
this is my function:
 private void getFacetAndChild(UIComponent parent) {
 Iterator childrens = parent.getFacetsAndChildren();
 while (childrens.hasNext()) {
 UIComponent child = (UIComponent)childrens.next();
 System.out.println("Log child >> " + child);
 getFacetAndChild(child);
this function only print the second RichPanelGroupLayout.
Any ideas to help me to get all RichInputText ?
Thanks and Best Regards!

Hi All,
I found the solution. Just add one facet to Custom Container
<af:panelGroupLayout id="#{attrs.Name}_VIEWPORT" layout="scroll" binding="#{attrs.Binding}"
 inlineStyle="position:absolute;width:#{attrs.ViewportWidth}px;height:#{attrs.ViewportHeight}px;top:#{attrs.ViewportY}px;left:#{attrs.ViewportX}px;border:1px solid;background:#c6c6ff;z-index:#{attrs.ZIndex};">
 <af:panelGroupLayout id="#{attrs.Name}" layout="scroll"
 inlineStyle="position:absolute;width:#{attrs.Width}px;height:#{attrs.Height}px;">
 <af:facetRef facetName="child"/>
 </af:panelGroupLayout>
 </af:panelGroupLayout>
<af:xmlContent>
 <afc:component>
 <afc:description/>
</af:xmlContent>
And the used page:
<abc:container ...>
 <f:facet name="child">
 <af:inputText ... />
 <af:inputText ... />
 </f:facet>
</abc:container>
Maybe this solution will help others to create a custom container
Thanks and Best Regards!

Binding property of a Panel header in Declarative Component

Hi,
I created a Custom Declarative component, which has a panel header, i wanted to expose the binding property of the panel header so that the users can add partial triggers to it programaticaly,
so i added a attribute of type RichPanelHeader, and used it in bindings of the panel header, but i am getting following error,
Unserializable value:RichPanelHeader[UIXFacesBeanImpl, id=dc_cnt_ph1] for key:PropertyKey[phBinding] in console,
and the value in bean is null.
the code used in Panel Header of Declarative component,
<af:panelHeader text="#{attrs.phScreenHdrTxt}" id="dc_cnt_ph1"
 helpTopicId="#{attrs.phScreenHdrHelpTopicId}"
 rendered="#{attrs.phScreenHdrRendered}"
 inlineStyle="#{attrs.phScreenHdrInlineStyle}"
 partialTriggers="#{attrs.phScreenHdrPartialTrigger}"
 binding="#{attrs.phBinding}">
 <attribute>
 <attribute-name>phBinding</attribute-name>
 <attribute-class>oracle.adf.view.rich.component.rich.layout.RichPanelHeader</attribute-class>
 </attribute> code used in the consumer app.
<app:Container id="c2" phScreenHdrTxt="tab1" phBinding="#{TestBean.panelHeader}">
 <f:facet name="body">
 <af:group id="g1">
 <af:outputText value="Tab1" id="ot1"/>
 <af:commandButton text="Refresh Panel Header" id="cb1"
 actionListener="#{TestBean.refreshPh}"/>
 </af:group>
 </f:facet>
</app:Container>
public class TestBean implements Serializable{
private RichPanelHeader panelHeader;
public void refreshPh(ActionEvent actionEvent) {
 panelHeader.setText("Changed");
 AdfFacesContext.getCurrentInstance().addPartialTarget(panelHeader);
public void setPanelHeader(RichPanelHeader panelHeader) {
 this.panelHeader = panelHeader;
public RichPanelHeader getPanelHeader() {
 return panelHeader;
}is there any solution or way to expose the binding property of any component in a custom declarative component?

Hi,
as a last resort, try javax.faces.component.UIComponent as the component class. It seems that none of the UI components implements serializable. javax.faces.component.UIComponent is the JSF base class that they all use.
Let me know if this works. If not, I think I have another option that mayl do
Frank

Dynamic Declare Component cannot find property

We currently have one main page calls a DDC(Dynamic declarative component) page fragment to create/update a record in database. The main page pass in a key to DDC when it loads DDC. The DDC binds to a view object with bind variable (get value from the passed key and load data from table) and several LOV attributes. Once user clicks submit button in main page, we wish that all the fields displayed in DDC could be committed to a database table to save.
I use 11.1.1.5.
In order to assign the bind variable of VO, we wrote a method in Application Module and make it invoked as the first executable when the main page is loaded. The deployment is fine. However, the runtime always thrown some exception to complain it cannot find property definition like this:
####<Aug 15, 2011 6:32:24 PM CDT> <Warning> <oracle.adfinternal.view.faces.lifecycle.LifecycleImpl> <curmailts1-corp> <AdminServer> <[ACTIVE] ExecuteThread: '2' for queue: 'weblogic.kernel.Default (self-tuning)'> <<anonymous>> <> <6b1af60b3a40d50a:-6c52e935:131cfc2d522:-8000-000000000000024c> <1313451144494> <BEA-000000> <ADF_FACES-60098:Faces lifecycle receives unhandled exceptions in phase RENDER_RESPONSE 6
javax.el.PropertyNotFoundException: Target Unreachable, 'WorkDescription' returned null
 at com.sun.el.parser.AstValue.getTarget(Unknown Source)
 at com.sun.el.parser.AstValue.isReadOnly(Unknown Source)
 at com.sun.el.ValueExpressionImpl.isReadOnly(Unknown Source)
 at oracle.adfinternal.view.faces.renderkit.rich.EditableValueRenderer._getUncachedReadOnly(EditableValueRenderer.java:486)
 at oracle.adfinternal.view.faces.renderkit.rich.EditableValueRenderer.cacheReadOnly(EditableValueRenderer.java:416)
 at oracle.adfinternal.view.faces.renderkit.rich.LabeledInputRenderer.beforeEncode(LabeledInputRenderer.java:128)
 at org.apache.myfaces.trinidad.render.CoreRenderer.encodeEnd(CoreRenderer.java:334)
 at org.apache.myfaces.trinidad.component.UIXComponentBase.encodeEnd(UIXComponentBase.java:767)
 at javax.faces.component.UIComponent.encodeAll(UIComponent.java:937)
 at org.apache.myfaces.trinidad.render.CoreRenderer.encodeChild(CoreRenderer.java:399)
 at oracle.adf.view.rich.render.RichRenderer.encodeChild(RichRenderer.java:2633)
Questions: 1) Why my method in Application Module not called?
2) Whether DDC is a right solution for our use case? Any suggestion or sample are welcomed!
Thanks,

Hi,
I appreciate if you can show your code, but before that, make sure if you're following this tip below:
"Declarative Components are regular JSF components except that they are built as a composite out of existing ADF Faces components. Declarative components cannot have a PageDef file associated with it and instead use value or method attribute to communicate with the consuming page. When creating a declarative component, the attrs implicit object is defined that allow you to reference the component's exposed value attribute from ADF Faces components within.
An input text field contained in an declarative component may reference a value attribute "compValue" defined on the declarative component by using the following EL
#{attrs.compValue}
The declarative component compValue attribute then would us an EL reference like shown next to read/write values from or to the ADF binding layer:
#{bindings.attribute_name.inputValue}"
(Oracle ADF Code Corner)
Regards,

Add ViewObjects to Declarative Component

Hi All
I'm developing web application using jdeveloper 11.1.2.0
this is my use case.
In my jsf page I have to show the prevailing alerts to the user.
I have Alert_Log table and using a Poll, I'm viewing latest Alerts to the user.So that user will be automatically notified with the alerts.
My idea is to build this alert behavior as a declarative component so that other modules can also consume this without re-building alerts in each module.
How can I implement this behavior as a declarative component.
Please suggest me a solution for this. Any code samples are highly appreciated
Thanks
Padma

Its not a standard to add view objects to a declarative component , it generally has only UI components which dynamically get values for certain attributes.
You should ideally use Taskflows which can be reused as a region. The UI project which gets the business logic from ADF BC can be packaged as a ADF Jar and reused as mentioned below -
http://docs.oracle.com/cd/E24382_01/web.1112/e16182/reusing_components.htm#insertedID1
For Polling you can find examples similar to this - http://mjabr.wordpress.com/2011/05/06/refresh-part-of-the-page-periodically-using-poll-component/

Embedding a declarative component written in JSF 1.2 in a jsf page

Similar Messages

Maybe you are looking for