title: How can I use rowIndex of p:dataTable to hide/show another component?
body: <p>I am trying out with p:dataTable. There I have three column. In second column I have commandbutton which when clicked, it should show inputbox on respective row in 3rd column. Inputbox on 3rd column has been set style="display:none"</p>
  
  <p>MY xhtml</p>
  
  <pre><code>&lt;h:form&gt;
      &lt;p:dataTable var="name" value="#{model.namelist}" rowIndexVar="rowIndex"&gt;
          &lt;p:column&gt;
                  &lt;h:outputText value="#{name} -----"&gt;&lt;/h:outputText&gt;
          &lt;/p:column&gt;
          &lt;p:column&gt;
                  &lt;p:commandButton value="click" onclick="som_#{rowIndex}.show();"&gt;&lt;/p:commandButton&gt;
          &lt;/p:column&gt;
          &lt;p:column&gt;
          &lt;p:inputText widgetVar="som_#{rowIndex}" style="display:none"&gt;
                  &lt;/p:inputText&gt;                  
          &lt;/p:column&gt;
  
      &lt;/p:dataTable&gt;
      &lt;/h:form&gt;
  </code></pre>
  
  <p>I think it should work, but I dont know where I am doing mistake.</p>