Custom component composed of other components

Hello.
I have a form (long, but simple) that is reused a few times across my applicaition. It would be great if I could package it as a JSF component. But I see no obvious way to create an UIComponent composed of other UIComponents.
Are UIComponents really meant to be written from scrach, each parsing it's own request parameters and outputting raw html? Am I missing something?
Thanks.

Thanks for the quick reply, but I'm still stuck...
How do I go about writing a composite custom
component? Instanciating all sub components and
delegating encoding and decoding to each? That's the road I try to take first.
- Construct a SMALL test-bed application to develop your component.
- consider implementing the naming container interface if you add components as children
- consider acquiring "JSF in Action" from Kito Mann, it's the book with most samples for component building
- announce "absences" to your family. It takes longer than you think beforehand ;-)
- If your servlet-container starts up in less than 10 seconds it's better...
I'm afraid to be asking too much, but does anyone
know where can I find an example of this? I'm
currently browsinng the MyFaces code, but so far
whithout much luck....Well the myfaces code is the second best source after JSF in action and then there are a few tutorials on the net... time to surf to google and http://www.jsftutorials.net/
hope this helps
Alexander

Similar Messages

Custom component by aggregation of components

I developed with some my custom and starndard component somthing like input text with server autocompletion.
It works using an HtmlInputText, then there is one my custom component, and than I use a HtmlDataTable to show the list for autocompletion.
So in my jsp i use somthing like:
<my:wrapper>
<h:inputText.../>
</my:wrapper>
<h:dataTable>
<h:column>
<h:outputLink..><h:outputText../></h:outputLink>
</h:column>
<h:dataTable>
Ok now I want to aggregate all these components in one custom component.
How can I do this?
Should I create only a new tag, or also new component?
How to create the aggregation of components in the java code?
Thanks a lot.
Alberto Gori.

Take a look at:
http://forum.java.sun.com/thread.jspa?forumID=427&threadID=556688
http://forum.java.sun.com/thread.jspa?forumID=427&threadID=532149
http://forum.java.sun.com/thread.jspa?forumID=427&tstart=0&threadID=549925
Sergey : http://jsfTutorials.net

Ideas to display which component drives the other components in the canvas

I have 4 components in my canvas and I would like to learn some ideas from gurus on what are the best ways to display which component drives (drills down) the other components in the dashboard. Any info would be appreciated.

Hi,
There is no such rule on which component should drive other in Xcelsius. It all depends upon the data that you are using. Always a component with summarized data should drive a component with granular data. For eg: If you are showing Total sales in a country using Column chart and want to drilldown to the percentage of sales in each region of a particular country , you can use pie chart to show it. Here Column chart drives Pie chart and u can show this in other way also.
Hope it helps!
Thanks,
Arun US

Creating GUI component that includes other components

Hello, I need to create an UNIVERSAL FORM (panel) consisting of several textboxes and labels. These textboxes and labels will be defined in XML. I want it as a GUI JavaBean. It should be made from a panel with some layout and it should consist other components. Here are my questions:
1) What class to derive from? JPanel?
2) Well, when I override a GUI Swing component I must implement a paint method but this is a bit strange. I just want to set up the textboxes -- I do not need any special painting. A question appears -- is JavaBean technology good for this situation? Is there any better solution?

I mean why this doesn`t work:
public class Uniform extends JComponent implements
Serializable {
     private String xmlContent;
     private int type;
     private JPanel panel;
     public Uniform() {
          panel = new JPanel(new GridLayout(1,2));
          panel.add(new JTextField("A"));
          panel.add(new JTextField("B"));
     public void paint(Graphics g) {
          panel.paint(g);
}Is it a good solution? How would you solve the
problem?
Thanks for your ideas.If you mean by 'dont' work' that your text boxes and panel doesn't appear, then it's because you're missing this line in your constructor:
public Uniform() {
this.add (panel, BorderLayout.CENTER);
}Regards,
Devyn

Live cycle custom component integration with other component

if i develop a custom component and that component internally calling other component such as pdfg ,asssembling, reader extension,encryption etc. how can make use of those services in my custom component programatically.

There are Java API for those services. If you try to import any classes to use the APIs and get errors, don't add the JARs. In component.xml, after <class-path>..</class-path> add this for reader extensions.
    <import-packages>
        <package version="1.0">com.adobe.livecycle.readerextensions.client</package>
    </import-packages>
You do not need to pass in properties to the creation of the client factory.
        ServiceClientFactory serviceFactory = ServiceClientFactory.createInstance();
        ReaderExtensionsServiceClient reClient = new ReaderExtensionsServiceClient(serviceFactory);
        outDoc = reClient.applyUsageRights(inDoc, credentialAlias, "xxxxxxx", new ReaderExtensionsOptionSpec(useRights, ""));

Referencing component parameters from other components

I have a training application that uses a variety of
components, including a browser that, as a parameter, takes a movie
clip instance and will move it around when the scroll bars and the
browser are used. I also have transparent buttons that on
mouse-over turn slightly opaque so the user can see very obviously
that they're mousing over something. I also have popups that, as a
parameter, take the button instance name, and comes up when the
button is moused over. When the button is clicked, is passes a
parameter to an isCorrect variable (true or false) that is used by
the popup to determine what color to turn the text (green if
isCorrect == true, red else). The popup then puts up some
additional text, to steer the user right. The problem with this is
that all the wrong answers usually say the same thing, and only to
correct one says something different, and often there are well over
50 popups per page, meaning each must be changed manually. And if,
when reviewed, the text is determined to have to change, then it
takes far too long to change it! So, as a solution, I put a
parameter on my browser component called Popup Text with a variable
name _browserPopupText. I need to be able to refrence it from the
popup component. I am able to refrence the button currently because
the instance name is entered as a parameter.
By way of extra information, the popup instances are are
placed inside of the movieClip that is moved around by the browser,
so it isn't on the same layer. I've tried using
this._parent._parent, which resolves properly (this being the
button, this._parent refrencing the movieClip object,
this._parent._parent being a relative way to say _root (since I
have multiple _levels that need to move around on each other a
lot), which resolves to the _level# that the clip and browser are
on). however, I don't know how to refrence the browser without
giving it an instance name, which I'd rather not force users to do
(this training building app will be used by more-or-less computer
illiterate people to build training Flash apps, and so I want to
make it as uninvolved as possible).
So, if there is a way to NOT have to give the browser an
instance name and still refrence parameters in it from the popup, i
would greatly appreciate hearing it.
JA

k. I found myself a work-around. In the browser component,
during the init() function initiallizing the browser, i simply
added the following line of code:
_global.browserPopupText = _browserPopupText;
This works just fine. Then, i just refrence the _global
variable. Also, I moved the isCertify from the buttons to the
browser, so that I don't have to change every button from
"isCertify = false" to "isCertify = true". Now All these things
that used to be in literally hundreds of components has been moved
to a handful of them--just the browser. Anyway, there's my
work-around. I'm still open for a better way to do it.

DataGrid with Custom Component not showing sub-components

I'm hoping someone can enlighten me on this issue.
I have a datagrid with one column which has an item renderer. It doesn't matter if the "text" data comes from a dataProvider or is static.
If I do the following, only the first label will show up.
<mx:DataGridColumn headerText="Column Title">
     <mx:itemRenderer>
           <mx:Component>
               <mx:VBox>
                    <mx:Label text="{data.data1}" />
                    <mx:Label text="{data.data2}" />
               </mx:VBox>
          </mx:Component>
     </mx:itemRenderer>
</mx:DataGridColumn>
However, if I change the VBox to a HBox both labels will show up.
<mx:DataGridColumn headerText="Column Title">
      <mx:itemRenderer>
            <mx:Component>
                <mx:HBox>
                    <mx:Label text="{data.data1}" />
                     <mx:Label text="{data.data2}" />
                </mx:HBox>
           </mx:Component>
      </mx:itemRenderer>
</mx:DataGridColumn>
I'm using:
Flex Builder 3 Standalone
Version: 3.0.214193
OS: Vista
Any ideas or comments would be appreciated.

Thanks for the reply KomputerMan.com. I've tried changing the dimensions of the VBox and no other labels appeared. Usually, when there is not enough room within the datagrid cell scrollbars will appear - you can experiment with the example below to see what I mean.
As for radiobuttons in a datagrid, here you go. The DataGrid and its dataProvider are constructed in the same way you normally would.
<mx:DataGridColumn headerText="Approve/Deny/Pending" width="170">
    <mx:itemRenderer>
        <mx:Component>
            <mx:HBox height="27" paddingLeft="10">
                <mx:Script>
                    <![CDATA[
                        private function isSelected(s:Object, val:String):Boolean {
                            if ( s.toString() == val) {
                                return true;
                            } else {
                                return false;
                    ]]>
                </mx:Script>
                <mx:RadioButton groupName="approveType"
                    id="approved"
                    label="A"
                    width="33"
                    click="data.status='1'"
                    selected="{isSelected(data.status, '1')}"/>
                <mx:RadioButton groupName="approveType"
                    id="denied"
                    label="D"
                    width="33"
                    click="data.status='2'"
                    selected="{isSelected(data.status, '2')}/>
                <mx:RadioButton groupName="approveType"
                    id="Pending"
                    label="P"
                    width="33"
                    click="data.status='3'"
                    selected="{isSelected(data.status, '3')}/>
            </mx:HBox>
        </mx:Component>
    </mx:itemRenderer>
</mx:DataGridColumn>

Adding Component above all other components

My initial problem is to put the panel (which is created as a result of a click on a button) above all components that have been added to the GBLTablePanel. I've written the following sample that demonstrates my problem
package test;
import java.awt.Dimension;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.event.ActionEvent;
import javax.swing.AbstractAction;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.JTable;
import javax.swing.WindowConstants;
import javax.swing.table.DefaultTableModel;
public class GBLTablePanel extends JPanel {
    private final GridBagLayout layout;
    private final GridBagConstraints gbc;
    public GBLTablePanel() {
     layout = new GridBagLayout();
     gbc = new GridBagConstraints();
     setLayout(layout);
     JTable table = new JTable();
     table.setModel(new DefaultTableModel(new Object[][] {
          { "aaaaaaaaaaaaaaa", 3, "a", null }, { "adasda", 10, "b", null },
          { "aaaaaaaaaaaaaaa", 3, "a", null }, { "adasda", 10, "b", null },
          { "aaaaaaaaaaaaaaa", 3, "a", null }, { "adasda", 10, "b", null },
          { "aaaaaaaaaaaaaaa", 3, "a", null }, { "adasda", 10, "b", null },
          { "assssss", 55, "c", null }, { "asdafasfa", 44, "d", null } },
          new String[] { "Title 1", "Title 2", "Title 3", "Title 4" }));
     JScrollPane scrollPane = new JScrollPane(table);
     gbc.gridx = 0;
     gbc.gridy = 0;
     gbc.fill = GridBagConstraints.BOTH;
     gbc.weightx = 1.0;
     gbc.weighty = 1.0;
     layout.setConstraints(scrollPane, gbc);
     add(scrollPane);
     JButton showPanelBtn = new JButton(new AbstractAction("Show panel") {
         @Override
         public void actionPerformed(ActionEvent e) {
          /* When this button is clicked I want that panel to appear on the top (above all components of the GBLTablePanel ) */
          JPanel panel = new JPanel();
          panel.add(new JLabel("This must be on the top of JTable"));
          panel.setSize(panel.getSize().width, 30);
          panel.setPreferredSize(new Dimension(panel.getPreferredSize().width, 30));
          layout.setConstraints(panel, gbc);
          gbc.gridy = 0;
          GBLTablePanel.this.add(panel, 0);
     gbc.gridwidth = GridBagConstraints.REMAINDER;
     gbc.gridy = 1;
     layout.setConstraints(scrollPane, gbc);
     add(showPanelBtn);
    public static void main(String[] args) {
     JFrame f = new JFrame("Test");
     f.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
     /* Construct table managed by GridBagLayout */
     GBLTablePanel panel = new GBLTablePanel();
     f.add(panel);
     f.pack();
     f.setVisible(true);
}I hope the example is not too confusing, honestly I'm not sure what do I try next to fix my problem. The panel simply does not show up :(

Here is an example that might help you with using GridBagLayout:
package table;
* TableInGridbaglayout.java
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class TableInGridbaglayout extends JFrame {
    private JButton btShowPanel;
    private JPanel panel;
    private JTable table;
    private boolean show;
    public TableInGridbaglayout() {
        super("TableInGridbaglayout");
        setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        setSize(400, 300);
        setLocationRelativeTo(null);
        panel = new JPanel();
        table = new JTable(4, 4);
        btShowPanel = new JButton("Show Panel");
        panel.setBorder(BorderFactory.createTitledBorder("Panel on top of table"));
        panel.setVisible(false);
        getContentPane().setLayout(new GridBagLayout());
        GridBagConstraints gridBagConstraints;
        //panel:
        gridBagConstraints = new GridBagConstraints();
        gridBagConstraints.gridheight = 3;
        gridBagConstraints.fill = GridBagConstraints.BOTH;
        gridBagConstraints.weightx = 1.0;
        gridBagConstraints.weighty = 0.3;
        getContentPane().add(panel, gridBagConstraints);
        //table:
        gridBagConstraints = new GridBagConstraints();
        gridBagConstraints.gridx = 0;
        gridBagConstraints.gridy = 3;
        gridBagConstraints.fill = GridBagConstraints.BOTH;
        gridBagConstraints.weightx = 1.0;
        gridBagConstraints.weighty = 1.0;
        getContentPane().add(new JScrollPane(table), gridBagConstraints);
        //button:
        gridBagConstraints = new GridBagConstraints();
        gridBagConstraints.gridx = 0;
        gridBagConstraints.gridy = 4;
        gridBagConstraints.anchor = GridBagConstraints.SOUTH;
        gridBagConstraints.weightx = 1.0;
        gridBagConstraints.weighty = 0.1;
        getContentPane().add(btShowPanel, gridBagConstraints);
        btShowPanel.addActionListener(new ActionListener() {
            public void actionPerformed(final ActionEvent evt) {
                show = !show;
                btShowPanel.setText(show ? "Hide Panel" : "Show Panel");
                panel.setVisible(show);
    public static void main(final String args[]) {
        EventQueue.invokeLater(new Runnable() {
            public void run() {
                new TableInGridbaglayout().setVisible(true);
}

JSF custom component

Hi
I have created a JSF cutom component , which has some javascript files. If i use the component within the same project my path for accessing the JS files is :- js/task.js (Its in public/html folder) .
My problem is that when I use this custom component in some other project i am not able to access the js file ( Js file are deployed with other source file in ADF Library Jar) . As I have to hard code the path of JS files in the render can any one please tell me what will be the path for accessing the JS files.
i heard ADFLibraryFilter is used for the purpose. Anyone please shed more light on it.

Thanx Frank for your help .
I am generating html from the rendererm, in the encodeBegin method i have now written <script type="text/javascript" src="adflibResources/js/task.js"></script>
But still the script isn't loading on the page
I added the following code in web.xml but Jdeveloper (Studio Edition Version 11.1.1.1.0) is complaining that "refernce oracle.adf.library.webapp.LibraryFilter and oracle.adf.library.webapp.ResourceServlet not found. I am using Fusion Web Application (ADF) as the application template.
<filter>
<filter-name>ADFLibraryFilter</filter-name>
<filter-class>oracle.adf.library.webapp.LibraryFilter</filter-class>
<init-param>
<param-name>provider-lazy-inited</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>ADFLibraryFilter</filter-name>
<url-pattern>/*</url-pattern>
<dispatcher>FORWARD</dispatcher>
<dispatcher>REQUEST</dispatcher>
</filter-mapping>
<servlet>
<servlet-name>adflibResources</servlet-name>
<servlet-class>oracle.adf.library.webapp.ResourceServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>adflibResources</servlet-name>
<url-pattern>/adflib/*</url-pattern>
</servlet-mapping>

Nesting JSF components in a custom component

I'm creating a new JSF custom component. my component needs to include an input text and a list box. my question is : how do I add these components to my JSF component ? I want to use to JSF component to render them rather then encoding the HTML myself. how can I do it ?
I was told I need to use encodeChildren method somehow but I don't know how ?

I finally found how to set a default skin to a custom component so that users of my component will not have to set again the skinClass value of my component.
You have to create a defaults.css file at the root of your library and tell the compiler to take it into account.
The remaining problem is about the compiler. There are some steps before success and they are a bit mysterious/unclear....
I found 2 or 3 blog articles explaining those steps but the compiler arguments to use are all differents in each article...
Here are the links I found:
http://www.unitedmindset.com/jonbcampos/2010/05/12/creating-custom-spark-components/
http://www.betadesigns.co.uk/Blog/2010/05/14/default-skin-for-custom-flashbuilder-componen ts/
http://flexdevtips.blogspot.com/2009/06/default-stylesheet-in-swc-flex-library.html
Following the first article guidelines has been successful for me but I'm not marking this topic as Resolved because I'd like some answers about this whole thing...

Best practices for adding components in a composite custom component

Hello,
I am developing a custom, composite JSF component need to dynamically add child components in my renderer class. I've noticed that people add components to a custom component in many different ways. I'd like to follow JSF best practices when developing this component - of the following approaches, which would you recommend? Or is there yet another approach I should be using?
1) in the encodeBegin method of my renderer class, create a new component, add it to the component tree, and let the page life cycle take care of the rendering:
HtmlDataList dimensionStateGroupDataList = (HtmlDataList) app.createComponent( HtmlDataList.COMPONENT_TYPE );
//set properties on dimensionStateGroupDataList
component.getChildren().add(dimensionStateGroupDataList);
2) in either the encodeBegin or encodeEnd method, create a component and encode it:
HtmlDataList dimensionStateGroupDataList = (HtmlDataList) app.createComponent( HtmlDataList.COMPONENT_TYPE );
//set properties on dimensionStateGroupDataList
dimensionStateGroupDataList.encodeBegin();
dimensionStateGroupDataList.encodeEnd();
Both of these methods are functional, and I prefer the first (why encode children if you don't have to?), but I am interested in other people's take on how this should be done.
Thanks for your help.
-Christopher

My bad, sorry, wasnt concentrating, Im afraid I have no experience with portlets, but I would have thought that you can mimic the outputLinkEx in you renderer by encoding your own links?
If you were to bind a backing bean variable to an outputLinkEx what would it be? Not understanding portlets, or knowing what an outputLinkEx is may be hindering me, but you should be able to create an instance of it in code like (this example uses HtmlOutputLink, you would need to know which component to use):
HtmlOutputLink hol = new HtmlOutputLink();
hol.set....Then set any attributes on it, and explicitly call its encodeStart, encodeEnd functions. Is that way off the mark.

Extended Swing Components into Custom Component Palette

Hi
As part of my swing application I have a number of GUI components created as an extension of a normal swing component.
As example is below.
package com.myapp
import java.awt.Font;
import javax.swing.JLabel;
public class MLabel extends JLabel
public MLabel()
this.setFont(new Font("Tohoma",0,10));
this.setFocusable(false);
As you can see this simple sets some default attributes. How can I add this custom component into a palette for each access when using the GUI builder.
I've created a new page in the palette, but am unable to add my components.
Thanks for your help.
Nick.

Hi,
- create a JAR file with your component(s) in it
- Create a custom Library in JDeveloper (Tools--> Managed Libraries)
- Select the JAR file
- On the component palette (the page you created), select the properties option of the context menu
- Your library now shows up in the drop down list to choose the component to add
Frank

How to include multiple image components into a single custom component???

How to include multiple image components into a single custom component???

Hi Marcel,
an ABAP transaction can only run or at least be started on one single system. A portal transaction can be assigned using a URL. This doesn't need any logical component.
Regards
Andreas

Adding Component to JFileChooser excludes other components

I want to add a JComboBox component to a JFileChooser but when I do, the default components that are supposed to be in that space don't show up.
For example, in the JFileChooser, there are several components (like the accept and cancel buttons) in the SOUTH area of the BorderLayout. When I add a custom combobox like so:
JFileChooser fc = new JFileChooser();
cb = new JComboBox();
fc.add(cb, BorderLayout.SOUTH);
dialogResult = fc.showSaveDialog();the combobox I added is the ONLY component which shows up in the SOUTH area.
I have tried adding the combobox as an accessory, but it always shows up to the right of the file browser window. If I can control where the accessory shows up, that would be fine, but I don't see any way to do that.
I don't understand why the other components wouldn't show up?
Thanks in advance for any help.

fc.add(cb, BorderLayout.SOUTH);
This line replaces the components that were
previously in that space - read the tutorial on
BorderLayout. In addition, this code is very brittle
and you can have no guarantee that it will work under
different look-and-feels and in future versions of
JDK, since you're making some far-fetching
assumptions on the internal implementation of the
file chooser dialog.Thanks very much for the help!
Fundamentally, i did not realize that in BorderLayout you may only set ONE component to each area (NORTH, SOUTH, CENTER, etc.).
Once I understood that, I grabbed the component at the bottom of the filechooser and placed it in a JPanel with the components I wanted to Add to the bottom.
This worked perfectly!
I am uncertain, however, about why you say the code is "brittle" and what you mean by making assumptions regarding the internal implementation.
In any case, thanks again for your help!
For anyone else who is interested, here is what the code looks like
JFileChooser fc = new JFileChooser();
JComboBox cb = new JComboBox();
JPanel panel = new JPanel();
BoxLayout box = new BoxLayout(panel,BoxLayout.Y_AXIS);
BorderLayout layout = (BorderLayout) fc.getLayout();
panel.setLayout(box);
Component comp = layout.getLayoutComponent(BorderLayout.SOUTH);
panel.add(comp);
panel.add(cb);
fc.add(panel,BorderLayout.SOUTH);

PApplet/component is always above all other components except...

Hi,
I am working with java and a program off shoot of Java called Processing. Processing aids in the creation of java and it integrates itself into a swing component by extending into a PApplet(Processing�s version of an applet) which a JFrame sees as a component.
Example:
newJFrame.add(PApplet); <--- works perfectly except�
The integration of java/swing and processing in an application works very well except for one problem. The Processing class (PApplet) draws to the screen and when I put it into a JFrame, JPanel, JInternalFrame, etc � the graphics are always above all other component except the JMenuBar. I found a fix for the JMenuBar to be this line of code �JPopupMenu.setDefaultLightWeightPopupEnabled(false);� I guess it tells the popup manager of the JMenuBar to not setDefaultLightWeightPopupEnabled which in turn, allows the JMenuItems to popup above the PApplet.
Is there a way to force the PApplet/component to follow the rules of all other components? (setComponentZOrder, setLayer, etc�) It works for the JMenuBar so I feel it should be able to work for all other components � is there a way?
Thanks,
4dplane

Thanks for the info; I believe you hit the nail on the head. Processing is open source so I looked in the PApplet class and it extends Applet, so this means processing is awt based.
Thanks,
4dplane

Custom component composed of other components

Similar Messages

Maybe you are looking for