Jquery 根据struts2中用户的权限获取动态选项卡

我需要根据用户的权限动态显示选项卡，因为某些用户对选项卡列表有限制。我如何在Struts2中实现这一点，或者我们是否有任何jquery插件。选项卡可以是n个，也可以有子选项卡。提前感谢。

我正在我的应用程序中使用此功能。我修改了html和jQuery代码以显示默认选项卡，以便按照您的要求动态显示选项卡。这就是我所做的

HTML

<div class="container">

  <ul class="tabs">

        <li id="tab1head"><a href="#tab1">First heading</a></li>
        <li id="tab2head"><a href="#tab2">Second heading</a></li>
        <li id="tab3head"><a href="#tab3">Third heading</a></li>
  </ul>
  <div class="tab_container">

    <div id="tab1" class="tab_content">
            content of tab1
        </div>
        <div id="tab2" class="tab_content">
            content of tab2
        </div>
        <div id="tab3" class="tab_content">
            content of tab3
        </div>
  </div>
</div>

---

您可以使用document.createElement（）或等效的jQuery语法动态创建选项卡，应用适当的类和ID，并将其附加到容器div中。这可以通过角色/和权限实现， 只需根据用户角色生成适当的列表

e、 i：某个角色在某个特定选项卡上拥有权限。因此，通过执行query，获得正确的列表。并在前面代码中定义的asanu中进行迭代

<s:iterator list="%{tabs} name="eachTab">
    <li id="tab1head<s:property value="{eachTab.id}"/>">
      <a href="#tab1"><s:property value="{eachTab.tabeName}"/></a>
    </li> 
</s:iterator>

---

我通过创建用于检查权限对象的tld来实现选项卡，并基于该tld显示选项卡值。
根据权限框架的设置方式，可以在jsp上使用struts条件标记来确定呈现的内容

<div class="tab_container">
    <div id="tab1" class="tab_content">
        content of tab1
    </div>
    <div id="tab2" class="tab_content">
        content of tab2
    </div>
    <s:if test="user.SuperUser">
         <div id="tab3" class="tab_content">
             content of tab3
         </div>
    </s:if>
</div>


表1的内容
表2的内容
表3的内容

在本例中，用户对象只是有一个超级用户的布尔值，该值在条件语句中调用。如果user.issupurer（）==true，则在jsp上呈现tab3。
谢谢。。我可以通过迭代得到标签列表吗？谢谢anu。。我有没有办法通过迭代获得标签列表？@shree我不明白你在评论中的问题，你能解释一下你想要什么吗？嗨，Anu。。谢谢你的帮助。在u给出的示例中，有3个选项卡，第一个标题将是第一个选项卡的选项卡值，OTEHR类似。在这种情况下，我可以通过任何方式动态获取所需数量的选项卡。我的意思是，如果我在一个页面中需要10个标签，我不想给10个锚定标签。嗯，如果你不想为每个标签硬编码
和
标签，你可以使用
document.createElement（）
，就像我提到的那样。使用此方法创建选项卡的函数，并将要创建的选项卡数传递为参数。
<div class="tab_container">
    <div id="tab1" class="tab_content">
        content of tab1
    </div>
    <div id="tab2" class="tab_content">
        content of tab2
    </div>
    <s:if test="user.SuperUser">
         <div id="tab3" class="tab_content">
             content of tab3
         </div>
    </s:if>
</div>