Tab Component Dynamic Visibility to Combo Boxes

I am using a Tab component. I have 3 tabs on my dashboard. I have 2 Combo boxes that I am using to filter rows of data on 3 Excel sheets. Both Combo boxes are not used on all the tabs. How can I pass example: User clicks on Tab 1 and use dynamic visibility for Combo Box 1 and Combo Box 2 are visible. If the user clicks on Tab 2 I want only Combo Box 1 to be visible.

Hi Joe,
This can be achieved in Dynamic visibility.
On click on Tab,just map to some target(say value "1") and then For Combo box,set target cell mapped for tab to 1,which means when the target cell gets "1",show the Combo box.
If you are not clear then you can refer the following URL,which will give you more informations about this.
http://everythingxcelsius.com/2008/08/tip-7-xcelsius-dynamic-visibility-video-tutorial.html
Rgds,
Murali

Similar Messages

Dynamically populating a combo box in Forms

I am having a hard time figuring out how to dynamically populate a combo box at run time. Could someone give me any ideas?
thanks, Robin

Use the built-in Populate_list. Read help on that and you'll know how to set it up.

Dynamic number of Combo boxes in an applet

Hi,
I'm quite new to Java & rite now, i've an reqt to build an applet. The problem is my applet will be having a dynamic number of combo boxes in it. This number is based on the parameter passed to the applet..
any eg or references to a similar reqt would be very helpful.
Regards
-Sree Ram

Define your combo boxes dynamically and put them in a vector:
int numberOfComboBoxes = 7;
Vector comboBoxes = new Vector( numberOfComboBoxes );
for ( int i = 1; i <= numberOfComboBoxes; i++ ) {
comboBoxes.add( i - 1, new Choice() );
Now you can reference the combo boxes any time you like, no matter how many of them there are:
for ( int j = 1; i < numberOfComboBoxes; i++ ) {
System.out.println( ((Choice)comboBoxes.get( j - 1 )).getSelectedItem() );
}

Value not visible in combo box

Hi all,
I have a control bar with 5 combo boxes.
As the user set the value on a box the others are refined to
include only those items that are relative to the user selection.
All works well with one exception in one list the value is
present bu not visible.
Has anyone encountered this before and does anyone know how
to correct it?
Thanks in advance for any help.

Duh.
In the one case where the item fails to show I was not
casting the value as a string.
Casting solved the issue.

Dynamic values using combo box

Hi,
i have a doubt regarding the combo box.
do clear it.
Company [ ]
bu[ ]
onselectio of company , i should get bu values....
i am getting the value in the bu list.......
but the company name is not getting restored.
giude me with the code part...
its urgent...i need it now...
it would kind enough if some one help me.
thank u

Could you provide how ur populating [bu]

Dynamic Update of Combo Boxes with Struts

I need to update one dropdown box based off of the selection of the other. When I select an option I am using an onchange="reload()" to reload the page. The problem with this is as far as I can tell is only refreshing the html in the browser and not sending a new request back to the server. I have the tags bellow. If any one has any Ideas I would appreciate it.
<bean:size id="planCount" name="new_enrollment_newEnrollmentForm" property="newEnrollmentTO.coverages[${status.index}].classPlans" scope="session"/>
<c:choose>
     <c:when test="${planCount > 1}">
          <html:select name="new_enrollment_newEnrollmentForm" property="coverages[${status.index}].classPlanID" styleClass="coveragePlanDropDownSize" onClick="window.location.reload()" >
                    <html:option value=""/>
                    <html:options name="new_enrollment_newEnrollmentForm" property="coverages[${status.index}].classPlans" />
          </html:select>
     </c:when>
     <c:otherwise>
          <c:out value="${coverage.classPlanID}"/>
     </c:otherwise>
</c:choose>
<bean:size id="volumeCount" name="new_enrollment_newEnrollmentForm" property="newEnrollmentTO.coverages[${status.index}].volumes" scope="session"/>
<c:choose>
     <c:when test="${volumeCount > 1}">
          <html:select property="newEnrollmentTO.coverages[${status.index}].volume" styleClass="volDropDownSize">
               <html:option value=""/>
               <html:options name="new_enrollment_newEnrollmentForm" property="coverages[${status.index}].volumes"/>
          </html:select>
     </c:when>
     <c:otherwise>
          <c:out value="${coverage.volume}"/>
     </c:otherwise>
</c:choose>

Yes, you are correct. Using the JavaScript reload() function will not submit anything to the JSP. Try something like onchange="document.forms[0].submit()" or something like that. JavaScript isn't my strong suit.
Brian

Combo Box items missing

Hi,
I'm new to ADF and have a few basic questions.
1)From a View Object in the Data Control Palette I dragged and dropped an attribute as Combo Box. When I run the panel no items are shown, although data is available at the database. I actually expected that ADF handels the item adding in a combo box. Is some coding really needed or what is the standard way of doing that?
2) How can one handle dynamic displaying in combo boxes (one item selected in one box defines the items of the next one).
Thanks.

Hello Frank,
thank you for your replay. Problem 1) is solved, I just had to pick the View Object and drop it as a combo box instead of the attribute itself.
Regarding 2) I did it as follows:
- In a JClient application I created Entity Object from two tables with 1:n relationship
- Generated views from these EO's
- Added those vews to my application module
- Dragged and droppped both views in a JPanel as combo boxes
Now what has to be reached is that by selecting one item from the first (master) combo box the items shown on the following one are only those that correspond to the Foreign Key relation.
Thanks again
Jan

Error with Combo Box, Executing CBTA Script

Dear Experts.
I am Using CBTA in solman 7.1 SP 12 to automate the testing with SAP ERP (SAP GUI) and CRM(CRM UI). We are creating the test script without problem, but at time to execute, it suddenly stop.
We were checking and found that always is failing with a Combo Box field.
do you know if exist any note to correct this behavior?
In CRM UI, the script recording create the following component to fill the combo box
But in the execution CBTA does not fill the field, just try focus in the field, show the values but does not select any.
At the end show the following error
IN SAP ERP
In ERP, the script recording create the following component to fill the combo box
But in the execution CBTA does not fill the field, just try focusing in the field show the values but does not select any.
Then the script execution fail and show a error, saying the field is read only.
Br.
Juan

Hi every One.
Finally i got the solution, the error was that i had set up in SAP GUI the option to view the key in the drop down list and the same happened in CRM UI i had set up the same option.
After shot down this option we record the escenario again, then we execute it and run without problem.
Best regards
Juan

Change combo box selection dynamically?

I would like to have a combo box change its selection dynamically according to what is selected in another selector. As far as I can tell from reading the Help, this feature is available for List Boxes, List Views and List Builders only ("The Dynamic Selected Item functionality is available in list-based selectors") and based on the wording I assume that it is currently unavailable for other components. Is this true? If so I would like to formally request that other selectors - particularly combo boxes - be included.
The use case for me is this: After the user has already inputted information and digested some of the output, they eventually reach a section of the project that appears only under certain conditions. This area is about 800 pixels to the right of the original combo box in the inputs area, and so in order to quickly change that selection they would have to go look for the original selector, which could easily discourage them from browsing that particular selection. Hopefully this makes sense.
It would also be great to hear back that this kind of feature request can actually be made in this way. I've submitted a few similar requests in the past and did not see an acknowledgment, and so I am still unclear as to whether or not feature requests are even possible.
(Edit: I thought about creating duplicate overlapping instances of the combo boxes in question and, using dynamic visibility, control which appears according to the current selection. But this is only suitable for smaller lists).

>
Alan McClean wrote:
> To get around it I shuffled my selection list dynamically, so that the one I wanted appeared at the correct place. I did this using the source data component and some Excel logic. However, it is buggy and a lot of work.
Thanks, Alan. I am currently working on a similar solution. Seems to be the best for my situation, but it is far from elegant.
>
Charles Davies wrote:
> Just a thought, would the Filter component work for you?
The Filter component requires that the underlying Excel data be structured in a pretty specific way. As far as I can tell, I would probably have to rip apart my XLS and redesign it in order to make use of that component. Perhaps in a future generation I'll give it a go, but I've already gone through too many redesigns this time around.

How do I correctly use Macro Builder to have a form auto select a TAB depending on a value selected in a combo box?

I am working in access 2013 to update a database first created in Access 2003. It has been saved as an accdb but I have the same problem in earlier versions.
I have a Tab Control subform in my MainDataEntry form which has 5 different tabs. Each Tab has its own set of text boxes and combo boxes for data entry. At the top of the MainDataEntry form there is a Text box [Text393], which has a drop down with
the 5 TAB names, [Mobile Device],[Computer],[Loose Media],[Network] and [Original Device]. When I select one of these values in the Text box, I would like to automatically set focus on the first Textbox or ComboBox inside the corresponding TAB.
I have tried to do this using the MacroBuilder inside the "After Update" Property for the Text or Combo box that is on the MainDataEntry Form using "If" and "Else If" statements for the "GoToControl" action, however
I seem to be able to only get one Tab to work. I have tried several different variations of this, putting the If statement first and the action argument second...putting all arguments inside a group, or not grouped....nothing seems to work. What am I
doing wrong?
EXAMPLE:
If [Text393]=[Mobile Device] Then
    GoToControl
         Control Name   Combo471
Else If [Text393]=[Computer] Then
    GoToControl
Control Name   Bios_Date
Else If [Text393]=[Loose Media] Then
    GoToControl
         Control Name   Combo659
Else If [Text393]=[Network] Then
    GoToControl
         Control Name   User Name
Else If [Text393]=[Original Device] Then
    GoToControl
         Control Name   Combo814
End If

In the Macro Builder's AfterUpdate event for [Text393]:
GoTo Control
Control Name =Forms!MainDataEntry.Controls(Text393.Value).Name
To ensure that the first control on each tab receives the focus, set that control's Tab Index property to zero (0).

Dynamic visibility for a custom component

Hi everybody,
I have implemented dynamic visibility for my component and try to use it with the Xcelsius checkbox.
At preview my component is visible as the checkbox is checked.
I unchecked the checkbox then my component is no more visible, and it is works fine.
But when I checked the checkbox again, my compoenent doesn't appear any more...
Any idea ?

Hi Evan,
I am developing a component which requires "Dynamic Visibility" property.
Its an Icon component where I have to bind a value for Icon. (i.e 0-30 Smiley, 31-70 dash, 71-100 Frown)
The dynamic visibility works fine only when I bind both (Value for Icon, Dynamic Status) to the same excel cell.
Looks like Xcelsius wants all the bindings to be done to same cell in the Excel.
[Here|http://docs.google.com/View?id=dzf62p8_35gc73brzm] is my code for your review.
Please help me. Your timely respose would be of great help for me.
Thanks
Ravi.

How to populate the combo boxes that are created dynamically in jsp

Hi,
I am using JSP.
I am creating combo boxes dynamically (based on the num selected by the user). These dynamically created combo boxes need to have A-Z as options (each box) . Now, when the user chooses the option A in any of the combo-boxes,the rest should not have this option. so on..
how do i achieve this.Kindly help.

You'll need to use JavaScript...I have a complicated example and a simple example, however, I cannot really understand the complex example but I know how it works. The looping is too complex for me.
First you'll need to populate a server side variable...depending on how often the data is updated you may want this to run each time a new session is created...this example is run each time Tomcat is started and the application context is initialized:
package kms.web;
// Servlet imports
import javax.servlet.ServletContextListener;
import javax.servlet.ServletContextEvent;
import javax.servlet.ServletContext;
// utility imports
import java.util.Map;
// domain imports
import kms.domain.LocationService;
import kms.domain.DeptService;
import kms.domain.PatentService;
* This listenter is used to initialize
* the Maps of Locations, Patents & Depts used to populate
* pulldown lists in JSPs
public class InitializeData implements ServletContextListener {
    * This method creates the Maps.
   public void contextInitialized(ServletContextEvent sce) {
      ServletContext context = sce.getServletContext();
      LocationService lServ = new LocationService();
      // Create the Maps
      Map campuses = lServ.getCampuses();
      Map buildings = lServ.getBuildings();
      Map floors = lServ.getFloors();
      Map locs = lServ.getLocations();
      // And store them in the "context" (application) scope
      context.setAttribute("campuses", campuses);
      context.setAttribute("buildings", buildings);
      context.setAttribute("floors", floors);
      context.setAttribute("locs", locs);
      DeptService dServ = new DeptService();
      Map depts = dServ.getDepts();
      context.setAttribute("depts", depts);
      PatentService pServ = new PatentService();
      Map patents = pServ.getPatents();
      context.setAttribute("patents", patents);
      //I did this one myself
/*    CodeService cServ = new CodeService();
      Map masterMks = cServ.getCodes();
      context.setAttribute("masterMks", masterMks);
    * This method is necessary for interface.
   public void contextDestroyed(ServletContextEvent sce) {
   // I have no clue what the heck this is for???
   // Let me know if you do!
}So now we travel into the PatentService method called 'getPatents();' which in turn calls a PatentDAO method
Map patents = pServ.getPatents();
Below is the code for the PatentService object:
package kms.domain;
import kms.util.ObjectNotFoundException;
import java.util.*;
* This object performs a variety of dept services, like retrieving
* a dept object from the database, or creating a new dept object.
public class PatentService {
   * The internal Data Access Object used for database CRUD operations.
private PatentDAO patentDAO;
   * This constructor creates a Dept Service object.
public PatentService() {
    patentDAO = new PatentDAO();
public Map getPatents() {
      Map patents = null;
      try {
        patents = patentDAO.retrieveAll();
      // If the dept object does not exist, simply return null
      } catch (ObjectNotFoundException onfe) {
        patents = null;
      return patents;
}It may be useful for you to see the code of the Patent class:
package kms.domain;
/*** This domain object represents a dept.
public class Patent implements java.io.Serializable {
private int codeGgm;
private String name = "";
private String description = "";
private int creator;
private String creationDate = "";
private int used;
   * This is the full constructor.
public Patent(int codeGgm, String name, String desc, int creator, String creationDate, int used) {
    this.codeGgm = codeGgm;
    this.name = name;
    this.description = desc;
    this.creator = creator;
    this.creationDate = creationDate;
    this.used = used;
public Patent() { }
public int getCodeGgm() {
      return codeGgm;
public void setCodeGgm(int codeGgm) {
       this.codeGgm = codeGgm;
public String getName() {
    return name;
public void setName(String name) {
      this.name = name;
public String getDesc() {
    return description;
public void setDesc(String desc) {
      this.description = desc;
public int getCreator() {
      return creator;
public void setCreator(int creator) {
       this.creator = creator;
public String getCreationDate() {
      return creationDate;
public void setCreationDate(String creationDate) {
       this.creationDate = creationDate;
public int getUsed() {
       return used;
public void setUsed(int used){
       this.used = used;
}And here is the Database table which stores the Patents:
DESC PATENT:
CODE_GGM NUMBER(3)
NAME VARCHAR2(15)
DESCRIPTION VARCHAR2(250)
CREATOR NUMBER(10)
CREATION_DATE DATE
USED NUMBER(1)
So, we then travel into the code of the PatentDAO to see how the DAO object executes the DB query to get all of the Data we need for the select list:
package kms.domain;
import javax.naming.*;
import javax.sql.*;
import java.util.*;
import java.sql.*;
import kms.util.*;
* This Data Access Object performs database operations on Patent objects.
class PatentDAO {
   * This constructor creates a Patent DAO object.
   * Keep this package-private, so no other classes have access
PatentDAO() {
* This method returns a Map of all the Dept names
* The key is the Dept id
Map retrieveAll()
     throws ObjectNotFoundException {
      Connection connection = null;
      ResultSet results = null;
      // Create the query statement
      PreparedStatement query_stmt = null;
      try {
        // Get a database connection
      Context initContext = new InitialContext();
       DataSource ds = (DataSource)initContext.lookup("java:/comp/env/jdbc/keymanOracle");
       connection = ds.getConnection();
        // Create SQL SELECT statement
        query_stmt = connection.prepareStatement(RETRIEVE_ALL_NAMES);
        results = query_stmt.executeQuery();
        int num_of_rows = 0;
      Map patents = new TreeMap();
       // Iterator over the query results
        while ( results.next() ) {
            patents.put(new Integer(results.getInt("code_ggm")), results.getString("name"));
         if ( patents != null ) {
                return patents;
              } else {
                throw new ObjectNotFoundException("patent");
       // Handle any SQL errors
     } catch (SQLException se) {
        se.printStackTrace();
       throw new RuntimeException("A database error occured. " + se.getMessage());
    } catch (NamingException se) {
      throw new RuntimeException("A JNDI error occured. " + se.getMessage());
      // Clean up JDBC resources
      } finally {
        if ( results != null ) {
          try { results.close(); }
          catch (SQLException se) { se.printStackTrace(System.err); }
        if ( query_stmt != null ) {
          try { query_stmt.close(); }
          catch (SQLException se) { se.printStackTrace(System.err); }
        if ( connection != null ) {
          try { connection.close(); }
          catch (Exception e) { e.printStackTrace(System.err); }
private static final String RETRIEVE_ALL_NAMES
      = "SELECT code_ggm, name FROM patent ";
}Now when you wish to use the 'combo box' (also called select lists), you insert this code into your jsp:
<TR>
<%@ include file="../incl/patent.jsp" %>
</TR>
depending on how your files on your server are organized, the "../incl/patent.jsp"
tells the container to look up one directory from where the main jsp is to find the 'patent.jsp' file in the 'incl' directory.
I need some help creating multi-level select lists with JavaScript:
Can anyone explain this code:
<%@ page import="java.util.*,kms.domain.*" %>
<jsp:useBean id="campuses" scope="application" class="java.util.Map" />
<TR><TD ALIGN='right'>Campus: </TD>
<TD>
<select name="campus" size="1" onChange="redirect(this.options.selectedIndex)">
<option value="0" selected>No Campus</option>
<% LocationService ls = new LocationService();
   Iterator c = campuses.keySet().iterator();
   Map[] bm = new Map[campuses.size()];
   Map[][] fm = new Map[campuses.size()][0];
   Map[][][] lm = new Map[campuses.size()][0][0];
   int i2 = 0;
   int j2 = 0;
   int k2 = 0;
   int jj = 0;
   int kk = 0;
   while (c.hasNext()) {
      Integer i = (Integer)c.next();
      out.print("<OPTION ");
      out.print("VALUE='" + i.intValue()+ "'>");
      out.print( (String) campuses.get(i) );
      out.print("</OPTION>");
      bm[i2] = ls.getBuildingsByCampus(i.intValue());
      fm[i2] = new Map[bm[i2].size()];
      lm[i2] = new Map[bm[i2].size()][];
      Iterator b = bm[i2].keySet().iterator();
      j2 = 0;
      while (b.hasNext()) {
        Integer j = (Integer)b.next();
        fm[i2][j2] = ls.getFloorsByBuilding(j.intValue());
        lm[i2][j2] = new Map[fm[i2][j2].size()];
        Iterator f = fm[i2][j2].keySet().iterator();
        k2 = 0;
        while (f.hasNext()) {
          Integer k = (Integer)f.next();
          lm[i2][j2][k2] = ls.getLocationsByFloor(k.intValue());
          k2++;
          kk++;
        j2++;
        jj++;
      i2++;
   } %>
</select></TD>
</TR>
<TR><TD ALIGN='right'>Building: </TD>
<TD>
<select name="building" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value="0" selected>No Building</option>
</select></TD>
</TR>
<TR><TD ALIGN='right'>Floor: </TD>
<TD>
<select name="floor" size="1" onChange="redirect2(this.options.selectedIndex)">
<option value="0" selected>No Floor</option>
</select></TD>
</TR>
<TR><TD ALIGN='right'>Room: </TD>
<TD>
<select name="location_id" size="1">
<option value="0" selected>No Room</option>
</select></TD>
</TR>
<script>
var cNum = <%=i2%>
var bNum = <%=jj%>
var fNum = <%=kk%>
var cc = 0
var bb = 0
var ff = 0
var temp=document.isc.building
function redirect(x){
cc = x
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
temp.options[0]=new Option("No Building", "0")
if (cc!=0) {
    for (i=1;i<=group[cc-1].length;i++){
      temp.options=new Option(group[cc-1][i-1].text,group[cc-1][i-1].value)
temp.options[0].selected=true
redirect1(0)
var group=new Array(cNum)
for (i=0; i<cNum; i++) {
group[i]=new Array()
<% for (int i=0; i< bm.length; i++) {
Iterator bldgs = bm[i].keySet().iterator();
int j = 0;
while (bldgs.hasNext()) {
Integer intJ =(Integer) bldgs.next(); %>
group[<%=i%>][<%=j%>] = new Option("<%=bm[i].get(intJ)%>", "<%=intJ%>");
<% j++;
} %>
var group2=new Array(cNum)
for (i=0; i<cNum; i++) {
group2[i] = new Array()
for (j=0; j<=bNum; j++) {
group2[i][j] = new Array()
<% for (int i=0; i< fm.length; i++) {
for (int j=0; j< fm[i].length; j++) {
Iterator flrs = fm[i][j].keySet().iterator();
int k = 0;
while (flrs.hasNext()) {
Integer intK =(Integer) flrs.next(); %>
group2[<%=i%>][<%=j%>][<%=k%>] = new Option("<%=fm[i][j].get(intK)%>", "<%=intK%>");
<% k++;
} %>
var temp1=document.isc.floor
var camp=document.isc.campus.options.selectedIndex
function redirect1(x){
bb = x
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
temp1.options[0]=new Option("No Floor", "0")
if (cc!=0 && bb!=0) {
for (i=1;i<=group2[cc-1][bb-1].length;i++){
temp1.options[i]=new Option(group2[cc-1][bb-1][i-1].text,group2[cc-1][bb-1][i-1].value)
temp1.options[0].selected=true
redirect2(0)
var group3=new Array(cNum)
for (i=0; i<cNum; i++) {
group3[i] = new Array()
for (j=0; j<=bNum; j++) {
group3[i][j] = new Array()
for (k=0; k<=fNum; k++) {
group3[i][j][k] = new Array()
<% for (int i=0; i< lm.length; i++) {
for (int j=0; j< lm[i].length; j++) {
for (int k=0; k< lm[i][j].length; k++) {
Iterator locs = lm[i][j][k].keySet().iterator();
int m = 0;
while (locs.hasNext()) {
Integer intM =(Integer) locs.next(); %>
group3[<%=i%>][<%=j%>][<%=k%>][<%=m%>] = new Option("<%=lm[i][j][k].get(intM)%>", "<%=intM%>");
<% m++;
} %>
var temp2=document.isc.location_id
function redirect2(x){
ff = x
for (m=temp2.options.length-1;m>0;m--)
temp2.options[m]=null
temp2.options[0]=new Option("No Room", "0")
if (cc!=0 && bb!=0 && ff!=0) {
for (i=1;i<=group3[cc-1][bb-1][ff-1].length;i++){
temp2.options[i]=new Option(group3[cc-1][bb-1][ff-1][i-1].text,group3[cc-1][bb-1][ff-1][i-1].value)
temp2.options[0].selected=true
</script>
This produces a related select list with 4 related lists by outputting JavaScript to the page being served. It works the same way as the first example that I describe but I don't understand the looping...maybe someone could explain how to go from the single select list to a double and/or triple level drill down?

Layer/OCG Visibility based on Combo Box Selection

Hello,
I'm VERY new to javascript, so please bear with me. I have a combo box with multiple selections. For some selections, I would like a separate OCG layer to appear, and with other selections that same layer to disappear.
For example:
ComboBox1: A, B, C
Layer 1 default: hidden
A - toggle layer 1: hidden
B - toggle layer 2: hidden
C - toggle layer 3: visible
I have seen the javascripting involved turning layers on/off with buttons, but I'm having some difficultly with the combo box.
Thanks!
Mike

The code would be much the same as with buttons. Use the Validate event of the combo box to get the selected value (event.value) and show/hide the appropriate OCGs. If the combo box items have export values, you'd use the Keystroke event so you can get the export value of the selected item via the event.changeEx property: http://livedocs.adobe.com/acrobat_sdk/9.1/Acrobat9_1_HTMLHelp/JS_API_AcroJS.88.607.html

JSF Tab component and Dynamic Faces AjaxZone

Has anyone tried to use a JSF Tab Component in a Dynamic Faces Ajax Zone. I would like to try to have a page that has a list of the alphabet, each tab being one letter and then adding terms an definitions to each tab. Do you have any comments or suggestions regarding doing this. I am at a loss as to how to make the tab component respond when clicking on it in the ajaxZone. any help would be appreciated. thnx

The Scales and Tomahawk libraries provides a tabbed panel.
But basically tabs are nothing less or more than a bunch of block elements layered over each other with the same amount of buttons or links at the top. If a tab click doesn't require a trip to the server, then you can just load all tab blocks at once and use Javascript+DOM to switch between tab blocks, e.g. one block should be displayed using element.style.display='block' and all other blocks should be hidden using element.style.display='none'. If a tab click require a trip to the server (to preinitialize stuff or so), then you can use the 'rendered' property of the tab block element (which can be <h:panelGroup style="display:block;" rendered="#{myBean.showTab == 1}" /> or so).
For styling of the tab blocks and tab buttons/links just use CSS.

Problem with editable combo box and creating dynamic table values using js

Hai
I have used jquery.jec.js to make my dropdown list as editable... I need to create dynamic table values on the onChange event of dropdown using javascript.
Now am facing the problem in it...
I am getting duplicate rows in the table... think(assumption) this jquery.jec.js is calling the dropdown again creating duplicate values...
Please help me out.... Any help is appreciable... Thanks in advance

Thanks elOpalo, for your valuable response....
I have found the correct way of doing.
Before i had my code like this,
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>test</title>
<script type="text/javascript" src="js/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery.jec.js"></script>
<script type="text/javascript">
$(function(){
$('#list').jec();
function giveAlert(){
alert('hello');
</script>
</head>
<body>
<form>
Combo Box:
<select id="list" name="list" onChange="giveAlert();">
<option value="1">one</option>
<option value="2">two</option>
</select>
</form>
</body>
</html>
Now i have changed as the following,
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>test</title>
<script type="text/javascript" src="js/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery.jec.js"></script>
<script type="text/javascript">
$(function(){
$('select.combo').jec();
$('select.combo')
.change(function() {
alert($(this).val());
}).change();
</script>
</head>
<body>
<form>
<table>
<tr>
<td>Combo Box:</td>
<td><select class="combo"><option value="b">banana</option><option value="a">apple</option></select></td>
</tr>
</table>
</form>
</body>
</html>
The problem is with the function i have called on the onChange Event.. Now i have defined it inside the jquery function of dropdown to make it as editable...

Tab Component Dynamic Visibility to Combo Boxes

Similar Messages

Maybe you are looking for