3 Replies Latest reply on Mar 4, 2010 5:35 AM by Ilya Shaikovsky

    rich:columns, tab key not working

    Sebastián Ressi Newbie

      I'm having some problems with dinamically generated columns using rich:columns inside a scrollableDataTable. Everything works perfect except for a little detail, tab key isn't working for Firefox 3.5.x (works fine in IE 8.0.x).

       

      Here's my code:

       

      <rich:scrollableDataTable id="tabladin" frozenColCount="1" styleClass="tabladin"
      value="#{valoresIndicador.model}" var="model" height="400" width="900" selectionMode="none">
           <rich:column width="170" styleClass="cuerpcol" headerClass="cabecol" sortable="false">
            <f:facet name="header" >
                <h:outputText value="Zonas Geográficas" title="Zonas Geográficas"/>
            </f:facet>
             <h:panelGrid columns="1">
                     <h:outputText value="#{model.zonaGeografica}" />
             </h:panelGrid>
           </rich:column>
           <rich:columns value="#{valoresIndicador.columns}" var="columns" index="ind" width="240px" styleClass="cuerpcol" headerClass="cabecol" sortable="false">
                <f:facet name="header" >
                  <h:outputText value="#{columns.header}" title="#{columns.label}"/>
              </f:facet>
             <t:panelGrid columns="2">
                     <h:outputText value="Valor:" />
                     <h:inputText value="#{model.model[ind].numerico}"/>
                     <h:outputText value="Descripción:" />
                     <h:inputText value="#{model.model[ind].descipcion}" style="font-style:italic;"/>
              </t:panelGrid>
           </rich:columns>
      </rich:scrollableDataTable>
      

       

      I think it has something to do with dynamic ids, but there's no way to assign an EL expression to an id tag for the elements contained inside rich:columns. I've tried everything but it won't work, can't use tab key to navigate form inputs. I'm using richfaces 3.3.2. Any ideas?. Hope you can help me. Thanks.

        • 1. Re: rich:columns, tab key not working
          Ilya Shaikovsky Master
          <rich:dataTable value="#{dataTableScrollerBean.model}" var="model" width="750">
               <f:facet name="header">
                    <h:outputText value="Cars Available"></h:outputText>
               </f:facet>
                         
               <rich:columns value="#{dataTableScrollerBean.columns}" var="columns"
                    index="ind" id="column#{ind}" sortBy="#{model[ind].price}" sortOrder="#{columns.sortOrder}">
                          
                    <f:facet name="header">
                         <h:outputText value="#{columns.header}" />
                    </f:facet>
               
                    <h:inputText value="#{model[ind].model} " />
                                   
               </rich:columns>
                         
          </rich:dataTable>
          

           

          Verified that tab works using the code for IE,FF and chrome.

          • 2. Re: rich:columns, tab key not working
            Sebastián Ressi Newbie
            Ilya, thanks for the answer but id="column#{ind}" does not work in richfaces 3.3.2SR1. Besides that, I need the table to be scrollable. Tab key won't work in the code sample I paste in my first post.
            • 3. Re: rich:columns, tab key not working
              Ilya Shaikovsky Master

              id="column#{ind}" works with RF 3.3.x.. It's just not available at all for JSP but with facelets it's works.

               

              my fault - missed that scrolable and not simple table used   will re-check