问问各位js高手,前端用easyui来实现的。如下效果,用ajax来控制每个tab按钮是否可以单击操作?

ruan1978 2024-05-11 17:06:25

我有如下界面,easyui的,想用ajax来控制,这个页面一载入,有没有权限操作tab上的每个按钮。如下图。

进入这个页面,想让这个About按钮或者DataGrid按钮,无效,当然通过前面代码的是否能操作权限来控制。请问这样的js代码如何实现,我假如从后台数据库里读取出来,某个用户是否具备这个操作的标记,然后来设置。 

 

...全文
1116 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复

用tabs('disableTab', 1);来禁用第二个tab

在这里插入图片描述

上图中角色1的tab2被禁用
下面的示例代码用的是easyui+beetl

@RequestMapping("/combotreegrid")
    public String combotreegrid(String roleName,Model model){
        List<Integer> disabledNum=new ArrayList<>();
        if("角色2".equals(roleName)){
            disabledNum.add(2);
        }else{
            disabledNum.add(1);
        }
        model.addAttribute("disableNum",disabledNum);
        return "easyui/combotreegrid.html";
    }

上面的代码给角色2设置禁用的tab

<div id="tt" class="easyui-tabs" style="width:500px;height:250px;">
    <div title="Tab1" style="padding:20px;display:none;">
        tab1
    </div>
    <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">
        tab2
    </div>
    <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">
        tab3
    </div>
</div>

<script>
    $('#tt').tabs({
        border:false,
        onSelect:function(title){
        }
    });
    <% for(num in disableNum){ %>
        $('#tt').tabs('disableTab', ${num});
    <%}%>

</script>

上面的代码遍历disableNum,禁用这些编号的tab。

ruan1978 05-13
  • 举报
回复
@太空漫步11 您也是用asp.net的吗/
  • 举报
回复
@ruan1978 没有,我我写的不适合。
ruan1978 05-14
  • 举报
回复
@太空漫步11 你的代码我能直接加到c#的代码里吗?
5条回复

87,954

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧