Question

我的网络应用中有p:datagrid

＆＃13;

<h:form id="musicCloudForm" enctype="multipart/form-data">
  <h:panelGrid columns="2" id="mainPanelGrid">
    <p:dataGrid id="musicDataGrid" columns="3" paginator="true" rows="12"
                value="#{musicProcess.sounds}" var="track">
      <audio id="gridAudio" preload='none' > 
        <source type='audio/mpeg' id="gridAudioSource"
                src="#{request.contextPath}/audio/#{track.location}/#{track.title}.mp3"/> 
      </audio>
      <p:panel header="#{track.artists}" style="text-align:center"
               styleClass="musicElementClass">
        <p:panelGrid columns="3" styleClass="possibilityGrid">
          <p:commandButton id="playMusicButton" style="width: 70px" value="Play"/>
          <p:commandButton id="downloadMusicButton" value="Download"/>
          <p:commandButton id="markMusicButton" value="Mark"/>
        </p:panelGrid>
      </p:panel>
    </p:dataGrid>
  </h:panelGrid>
</h:form>

＆＃13;

每个p:commandButton都有下一个ID（当我部署webapp时）：
musicCloudForm:musicDataGrid:0:playMusicButton
其中 0 是p:panel

的编号

我需要通过Javascript初始化每个playMusicButton中downloadMusicButton中存在的所有按钮（所有markMusicButton，所有p:datagrid，所有p:panel）。

我知道怎么做（简单的迭代）但什么时候应该停止迭代？如何获取当前页面上每个按钮的数量？

您可以为我提供另一种解决方案！）

如何通过javascript初始化p：datagrid中的所有元素？

0 个答案: