how to generate a commandButton's id dynamically

[sdeandres]

Hi!

I have a commandButton that execute an overlayPanel into a dataGrid, but I increment rows dynamically; that is the problem because I want than each commandButton execute an unique overlayPanel.

I have using the rowIndexVar param (of the dataGrid) to change the name of the commandButton and the value of 'for' into the overlayPanel, but is impossible, this value (rowIndexVar) return null or '0'.

Somebody knows how I set a dynamic ID to my commandButton???

THX!

Code: Select all

<p:dataGrid value="#{empresasBean.listActividades}" var="item" columns="1" id="dataGridCNAE" rowIndexVar="rowIndex"  > 
	 			
	<p:commandButton id="btn_#{rowIndex}" value="VALOR #{rowIndex}" >
		<f:attribute name="selectedCNAE" value="0#{rowIndex}"   />
	</p:commandButton>
		
		<p:overlayPanel dynamic="true" for="btn_#{rowIndex}" hideEffect="fade" 
			widgetVar="SANTI_lista" styleClass="comboOveAd" appendToBody="false"
			my="left top" at="left bottom" style="width:300px">
				<h:form>
				....
				....

[Using PF 4.0 - extensions 1.0.0]

[rikup]

If I remember correctly, you can't use id like this because of how id's are assigned. I don't have the links here, but if you Google for something like JSF ui:repeat dynamic id you should find stuff where this issue is discussed.

[smithh032772]

if you Google for something like JSF ui:repeat dynamic id you should find stuff where this issue is discussed.

searched google for

jsf balusc dynamic id

and found this below; I think this is the one that you are talking about. right?

Dynamically added input field in ui:repeat is not processed during form submit

and

JSF generating dynamic id for component

[rikup]

Actually it was this one, that I was looking for. Look for BalusC's answer right after the accepted answer, it explains how this will work. http://stackoverflow.com/questions/1071 ... repeat-tag

[Chara76]

I have the same need. In my case, its to create an id for a commandLink that is repeated for each row of a dataTable (creating a link that works as a rowSelector). This link is in the first (left-most) column and not in others. The last column has a checkbox that precludes use of the standard rowSelector (which fires when the checkbox is clicked) MyPremierCreditCard.

Frankly, regardless of why I need/want to do this, it ought to work. The syntax used in the original posting is the same as what I used and certainly what one would expect. So, how come it doesn't work?

[kukeltje]

There is no need to 'generate' the id's in repeat like components (ui:repeat, h/p: datatable, p:datagrid etc...) since they already get that by default from JSF.

https://stackoverflow.com/questions/731 ... -component

See the showcase and 'inspect the different magnifying glasses. They e.g. have

Code: Select all

id="form:cars:6:j_idt700"

id="form:cars:7:j_idt700"

id="form:cars:8:j_idt700"

where the 6, 7, 8 is the index. It starts
See https://stackoverflow.com/questions/415 ... f-uirepeat

So since they already have it, you can easily use the rowIndexVar as already used in the for attribute to reference the **FULL** client id (or maybe that is even done automagically https://stackoverflow.com/questions/157 ... ynamically)

https://stackoverflow.com/questions/604 ... es#tab-top

but the 'datatable integration' way from https://www.primefaces.org/showcase/ui/ ... anel.xhtml might be a better solution