p:commandLink in p:subTable header fires only for first p:subTable

Question

I need to display a commandlink in the subTable header.The page renders correctly however only the first commandlink fires and action method gets invoked.All the subsequent commandlinks don't call the action method. I looked at the html source for the first two anchor elements. There is a slight difference in the generated ids. The first link's id has no digit after j_dt68 whereas the second link's id has j_dt68:0. Not sure if it is important or not. Please help!

First commandlink's html code:
                    <a id="center_content_form:equipment_tabview:equipment-table:0:j_idt68:equipment_details_link" href="#" class="ui-commandlink"   onclick="PrimeFaces.ab({source:'center_content_form:equipment_tabview:equipment-table:0:j_idt68:equipment_details_link'});return false;">DGI5120_GI:SB-5120 | 06634CVJTKH5</a>

Second commandlink's html code:
<a id="center_content_form:equipment_tabview:equipment-table:1:j_idt68:0:equipment_details_link" href="#" class="ui-commandlink" onclick="PrimeFaces.ab({source:'center_content_form:equipment_tabview:equipment-table:1:j_idt68:0:equipment_details_link'});return false;">DAR502G_ARRIS:TM502G | 6A7BMU47P225361</a>


<p:dataTable id="equipment-table" styleClass="list-datatable"
var="equipment" value="#{equipmentBean.equipmentList}"
emptyMessage="#{equipment_msgs['equipment.table.emptyMessage']}">

<f:facet name="header">
    <p:commandButton immediate="true" id="assign_equipment"
        icon="add-sign" styleClass="table-header-button-class"
        title="#{equipment_msgs['assign.equipment.tooltip.text']}"
        action="#{equipmentBean.navigateToAssignEquipmentPage()}" />
    <h:outputText
        value="#{equipment_msgs['assign.equipment.button.label']}"
        styleClass="table-header" />
</f:facet>

<p:column id="port_number"
    headerText="#{equipment_msgs['port.number.column.label']}"
    styleClass="col10 table_text" />
<p:column id="port_address"
    headerText="#{equipment_msgs['address.column.label']}"
    styleClass="co20 table_text" />
<p:column id="port_type"
    headerText="#{equipment_msgs['type.column.label']}"
    styleClass="col20 table_text" />
<p:column id="port_category"
    headerText="#{equipment_msgs['port.category.column.label']}"
    styleClass="col20 table_text" />
<p:column id="service_category"
    headerText="#{equipment_msgs['service.category.column.label']}"
    styleClass="col20 table_text" />
<p:column id="occurrence"
    headerText="#{equipment_msgs['occurrence.column.label']}"
    styleClass="col20 table_text" />
<p:column id="modem"
    headerText="#{equipment_msgs['modem.column.label']}"
    styleClass="col10 table_text" />
<p:subTable var="port" value="#{equipment.portList}">
    <f:facet name="header">
        <p:separator styleClass="header-separator" />
        <p:commandLink  id="equipment_details_link"
            value="#{equipment.detailLinkValue}"
            action="#{equipmentBean.navigateToEquipmentDetailsPage()}" >
            <f:setPropertyActionListener value="#{equipment}"
                target="#{equipmentBean.selectedEquipment}" />
        </p:commandLink>
        <p:separator styleClass="header-separator" />
    </f:facet>
    <p:column>
        <p:commandLink immediate="true" id="equipment_port_details_link"
            value="#{port.portNumber}"
            action="#{equipmentBean.navigateToEquipmentPortDetailsPage(port.portNumber)}">
            <f:setPropertyActionListener value="#{equipment}"
                target="#{equipmentBean.selectedEquipment}" />
        </p:commandLink>
    </p:column>
    <p:column>
        <p:commandLink immediate="true" id="equipment_port_addressable_transaction_details_link1"
            value="#{port.portAddress}"
            action="#{equipmentBean.navigateToEquipmentAddressPortDetailsPage(port.portNumber)}">
            <f:setPropertyActionListener value="#{equipment}"
                target="#{equipmentBean.selectedEquipment}" />
        </p:commandLink>
    </p:column>
    <p:column>#{port.portType}</p:column>
    <p:column>#{port.portDetails.portCategory}</p:column>
    <p:column>#{port.portDetails.serviceCategory}</p:column>
    <p:column>#{port.portDetails.occurrence}</p:column>
    <p:column>#{port.portDetails.modemText} </p:column>
</p:subTable>
 </p:dataTable>

score 0 · Answer 1 · answered Mar 18 '13 at 13:58

I made a workaround:

put a onclick attribute on your link/button (inside your subTable) to remove the additional digit from id and call PrimeFaces.ad(..) function

like this:

    <script type="text/javascript">
        function deleteMsg(id) {
            var pattern = /(\w+:\w+:\d+:\w+)(:\d+)(:\w+)/g;
            var newId = id;
            if (pattern.test(id)) {
                newId = id.replace(pattern, "$1$3");
            }

            PrimeFaces.ab({source:newId,update:'formTable'});
            return false;
        }
    </script>

and on your button:

<p:commandButton onclick="return deleteMsg($(this).attr('id'))" actionListener="#{pSMsgController.removeMsg(_msg)}" icon="ui-icon-trash"/>

score 0 · Answer 2 · answered Dec 14 '17 at 13:47

try this.

id replace js:

<script type="text/javascript">
        function deleteMsg(link) {
            var id = link.attr('id'); 

            var pattern = /(\w+:\w+:\d+:\w+)(:\d+)(:\w+)/g;
            var newId = id;
            if (pattern.test(id)) {
                newId = id.replace(pattern, "$1$3");
            }

            PrimeFaces.ab({source:newId,update:link.attr('id', newId)});
            return false;
        }

CommandLink in subtable header:

  <p:commandLink onclick="return deleteMsg($(this));" ... >

p:commandLink in p:subTable header fires only for first p:subTable

2 Answers2