How to get the index of Tab by tab id











up vote
0
down vote

favorite
1












I am using PrimeFaces 5.0 and I have a TabView as follow:



    <p:tabView id="tabView" widgetVar="tabView">
<p:ajax event="tabClose" listener="#{toDoController.tabClosed}"/>

<!-- Large View -->
<p:tab title="Large View" closable="true" id="largeView" >
<ui:include src="toDo-large.xhtml" />
</p:tab>

<!-- Detail View -->
<p:tab title="Detail View" closable="true" id="detailView"
rendered="#{toDoController.detailViewRendered}">
<ui:include src="toDo-detail.xhtml" />
</p:tab>

<!-- Completed View -->
<p:tab title="Completed View" closable="true" id="complView"
rendered="#{toDoController.complViewRendered}">
<ui:include src="toDo-complete.xhtml" />
</p:tab>
</p:tabView>


So there 2 3 tabs here with different id. Since they are closable and rendered dynamically, so their order may changes.



I would like know if it is possible to get the index of particular tab by the tab id. For example:
getTabIndexById("detailView") which will return 2 if the Detail tab is the third tab. Thanks.










share|improve this question




























    up vote
    0
    down vote

    favorite
    1












    I am using PrimeFaces 5.0 and I have a TabView as follow:



        <p:tabView id="tabView" widgetVar="tabView">
    <p:ajax event="tabClose" listener="#{toDoController.tabClosed}"/>

    <!-- Large View -->
    <p:tab title="Large View" closable="true" id="largeView" >
    <ui:include src="toDo-large.xhtml" />
    </p:tab>

    <!-- Detail View -->
    <p:tab title="Detail View" closable="true" id="detailView"
    rendered="#{toDoController.detailViewRendered}">
    <ui:include src="toDo-detail.xhtml" />
    </p:tab>

    <!-- Completed View -->
    <p:tab title="Completed View" closable="true" id="complView"
    rendered="#{toDoController.complViewRendered}">
    <ui:include src="toDo-complete.xhtml" />
    </p:tab>
    </p:tabView>


    So there 2 3 tabs here with different id. Since they are closable and rendered dynamically, so their order may changes.



    I would like know if it is possible to get the index of particular tab by the tab id. For example:
    getTabIndexById("detailView") which will return 2 if the Detail tab is the third tab. Thanks.










    share|improve this question


























      up vote
      0
      down vote

      favorite
      1









      up vote
      0
      down vote

      favorite
      1






      1





      I am using PrimeFaces 5.0 and I have a TabView as follow:



          <p:tabView id="tabView" widgetVar="tabView">
      <p:ajax event="tabClose" listener="#{toDoController.tabClosed}"/>

      <!-- Large View -->
      <p:tab title="Large View" closable="true" id="largeView" >
      <ui:include src="toDo-large.xhtml" />
      </p:tab>

      <!-- Detail View -->
      <p:tab title="Detail View" closable="true" id="detailView"
      rendered="#{toDoController.detailViewRendered}">
      <ui:include src="toDo-detail.xhtml" />
      </p:tab>

      <!-- Completed View -->
      <p:tab title="Completed View" closable="true" id="complView"
      rendered="#{toDoController.complViewRendered}">
      <ui:include src="toDo-complete.xhtml" />
      </p:tab>
      </p:tabView>


      So there 2 3 tabs here with different id. Since they are closable and rendered dynamically, so their order may changes.



      I would like know if it is possible to get the index of particular tab by the tab id. For example:
      getTabIndexById("detailView") which will return 2 if the Detail tab is the third tab. Thanks.










      share|improve this question















      I am using PrimeFaces 5.0 and I have a TabView as follow:



          <p:tabView id="tabView" widgetVar="tabView">
      <p:ajax event="tabClose" listener="#{toDoController.tabClosed}"/>

      <!-- Large View -->
      <p:tab title="Large View" closable="true" id="largeView" >
      <ui:include src="toDo-large.xhtml" />
      </p:tab>

      <!-- Detail View -->
      <p:tab title="Detail View" closable="true" id="detailView"
      rendered="#{toDoController.detailViewRendered}">
      <ui:include src="toDo-detail.xhtml" />
      </p:tab>

      <!-- Completed View -->
      <p:tab title="Completed View" closable="true" id="complView"
      rendered="#{toDoController.complViewRendered}">
      <ui:include src="toDo-complete.xhtml" />
      </p:tab>
      </p:tabView>


      So there 2 3 tabs here with different id. Since they are closable and rendered dynamically, so their order may changes.



      I would like know if it is possible to get the index of particular tab by the tab id. For example:
      getTabIndexById("detailView") which will return 2 if the Detail tab is the third tab. Thanks.







      primefaces tabview






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 9 at 8:03

























      asked Nov 7 at 7:52









      Dicky Ho

      83




      83





























          active

          oldest

          votes











          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














           

          draft saved


          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53185376%2fhow-to-get-the-index-of-tab-by-tab-id%23new-answer', 'question_page');
          }
          );

          Post as a guest





































          active

          oldest

          votes













          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes
















           

          draft saved


          draft discarded



















































           


          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53185376%2fhow-to-get-the-index-of-tab-by-tab-id%23new-answer', 'question_page');
          }
          );

          Post as a guest




















































































          這個網誌中的熱門文章

          Tangent Lines Diagram Along Smooth Curve

          Yusuf al-Mu'taman ibn Hud

          Zucchini