RichFaces Rich:Inplaceselect

by Online Tutorials Library July 14, 2022

RichFaces <rich:inplaceSelect>

This component is similar to the <rich:inplaceInput> component, except that it uses a drop-down selection box to enter text instead of a text field.

It is based on the JSF UISelectOne component. So, we can use attributes for value definition, processing, conversion and validation.

Style classes and skin parameters

The following table contains the Style classes and corresponding skin parameters for inplaceSelect.

Class	Function	Skin Parameters	Mapped CSS properties
.rf-is	This class defines styles for the in-place select when it is in the default state.	editorBackgroundColor generalTextColor	background-color border-bottom-color
.rf-is-act	This class defines styles for the in-place select when it is in the editing state.	No skin parameters.
.rf-is-chng	This class defines styles for the in-place select when it is in the changed state.	No skin parameters.
.rf-is-dis	This class defines styles for the in-place select when it is in the disabled state.	No skin parameters.
.rf-is-fld	This class defines styles for the in-place select field.	editBackgroundColor generalTextColor	background color
.rf-is-opt	This class defines styles for an option for the in-place select.	generalTextColor	border-color
.rf-is-sel	This class defines styles for the selected option of the in-place select.	generalTextColor	border-color
.rf-is-lbl	This class defines styles for the label of the in-place select.	No skin parameters.
.rf-is-dflt-lbl	This class defines styles for the default label of the in-place select.	No skin parameters.
.rf-is-edit	This class defines styles for the in-place select when it is being edited.	No skin parameters.
.rf-is-btn	This class defines styles for the buttons for the in-place select.	tabBackgroundColor panelBorderColor	background-color border-color

Example

Here, in the following example, we are implementing <rich:inplaceSelect> component. This example contains the following files.

JSF File

// inplaceSelect.xhtml

  <?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”>  <ui:composition xmlns=”http://www.w3.org/1999/xhtml”  xmlns:h=”http://java.sun.com/jsf/html”  xmlns:f=”http://java.sun.com/jsf/core”  xmlns:ui=”http://java.sun.com/jsf/facelets”  xmlns:a4j=”http://richfaces.org/a4j”  xmlns:rich=”http://richfaces.org/rich”>  <f:view>  <h:head>  <title>InplaceSelect Example</title>  </h:head>  <h:body>  <h:form>  <rich:inplaceSelect value=”#{country.countryName}” defaultLabel=”Click to Select Country”>  <f:selectItems value=”#{country.countryList()}”></f:selectItems>  </rich:inplaceSelect>  </h:form>  </h:body>  </f:view>  </ui:composition>  

Managed Bean

// Country.java

  import java.util.ArrayList;  import java.util.List;  import javax.faces.bean.ManagedBean;  import javax.faces.bean.RequestScoped;  @ManagedBean  @RequestScoped  public class Country {  String CountryName;  public List<String> countryList() {  ArrayList<String> list = new ArrayList<>();  list.add(“India”);  list.add(“Australia”);  list.add(“Germany”);  list.add(“Italy”);  list.add(“United States”);  list.add(“Russia”);  return list;  }  public String getCountryName() {  return CountryName;  }  public void setCountryName(String CountryName) {  this.CountryName = CountryName;  }  }  

Output:

RichFaces Inplaceselect 1

It pop up a list, when the user click on it.

RichFaces Inplaceselect 2

Next TopicRichFaces <rich:inputnumberslider>

RichFaces Rich:Inplaceselect

RichFaces <rich:inplaceSelect>

Style classes and skin parameters

Example

JSF File

Managed Bean

Verbal Reasoning | Assertion and Reason 1

Components of Robot

You may also like