buyax 2018-01-04 01:51 采纳率: 53.3%
浏览 1164
已结题

请教前端大佬esayUI问题,怎么把一个href通过用户权限条件隐藏或者置为不可选择.....

是这样的,一个用户如果不给权限
入下图
图片说明
红框内的操作按钮要么是灰色不可编辑,要么直接隐藏
图片说明

按钮我是弄出来了,不可编辑跟隐藏就不会了,,,


function operator(value, row, index) {
/*  var e = '<a href="#" onclick="showLog('+ row.id +')">日志</a>&nbsp;&nbsp;';
    return e ; */

/*  
    <c:if test="${fn:contains(function, '/rjs/overdue/editOverDueInfo')}">
    </c:if> ;
     */
    var returnvalue="";
    returnvalue+='<a href="#" onclick="showEditDialog('+index+')">编辑</a>&nbsp;&nbsp;';
    returnvalue+='<a href="#" onclick="pass('+index+')">通过</a>&nbsp;&nbsp;';    
    returnvalue+='<a href="#" onclick="refuse('+index+')">拒绝</a>&nbsp;&nbsp;';  
    returnvalue+='<a href="#" onclick="showLog('+ row.id +')">日志</a>&nbsp;&nbsp;';
    return returnvalue; 
} 

下面是全部code

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<html>
<head>
    <title>逾期率配置</title>
    <script src="${ctx}/static/js/validation.js" type="text/javascript"></script>
    <script type="text/javascript" src="${ctx}/static/js/datetimebox.js"></script>
</head>

<body>
    <table  style="margin:1%;width:98%">
        <tr>
            <td>
                <table id="dg" style="width: 100% "></table>
                <div id="toolbar">
                    <table>
                        <tr style="height: 35px">
                            <td style="width: 20px"></td>
                            <td>生效时间:</td>
                            <td>
                                <div id="cc" class="easyui-calendar"
                                    data-options="firstDay:1,weeks:['日','一','二','三','四','五','六'],months:['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月']">
                                </div> <input class="easyui-datetimebox" id="startTime"
                                style="width: 160px; height: 25px;"
                                data-options="sharedCalendar:'#cc',formatter:datetimeboxFormatter,parser:datetimeboxParser,currentText:'今天',okText:'确定',closeText:'关闭',panelWidth:230,panelHeight:230" />
                            </td>
                            <td style="width: 20px"></td>
                            <td style="text-align: center">——</td>
                            <td style="width: 20px"></td>
                            <td><input class="easyui-datetimebox" id="endTime"
                                style="width: 160px; height: 25px;"
                                data-options="sharedCalendar:'#cc',formatter:datetimeboxFormatter,parser:datetimeboxParser,currentText:'今天',okText:'确定',closeText:'关闭',panelWidth:230,panelHeight:230" />
                            </td>
                            <td style="width: 20px"></td>
                            <td>状态:</td>
                            <td>
                                <select  class="easyui-combobox" id="statusCombobox" panelHeight="100px" style="width:140px">
                                <option value="">请选择</option>
                                <option value="1">待审核</option>
                                <option value="2">已通过</option>
                                <option value="3">已拒绝</option>
                                <option value="4">已失效</option>
                                </select>
                           </td>
                           <td style="width: 20px"></td>
                            <td colspan="10">
                            <c:forEach var="function" items="${sessionScope.function_path_list}">
                            <c:if test="${fn:contains(function, '/rjs/overdue/queryOverDueInfo')}">
                            <a id="searchBtn" class="easyui-linkbutton" iconCls="icon-search" style="width: 75px">查询</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            </c:if>
                            <c:if test="${fn:contains(function, '/rjs/overdue/addOverDueInfo')}">
                            <a id="addBtn" class="easyui-linkbutton" iconCls="icon-add" style="width: 75px" onclick="showAddDialog()">添加</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            </c:if> 
                        <%--    <c:if test="${fn:contains(function, '/rjs/overdue/editOverDueInfo')}">
                            <a id="editBtn" class="easyui-linkbutton" iconCls="icon-pencil" style="width: 75px" onclick="showEditDialog()">编辑</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            </c:if> --%>
                    <%--        <c:if test="${fn:contains(function, '/rjs/overdue/updateOverDueInfo')}">
                            <a id="updateBtn" class="easyui-linkbutton" iconCls="icon-pencil" style="width: 75px" onclick="showUpdateDialog()">修改</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            </c:if> --%>
                    <%--        <c:if test="${fn:contains(function, '/rjs/overdue/revieweOverDueInfo')}">
                            <a id="passBtn" class="easyui-linkbutton" iconCls="icon-ok" style="width: 75px" onclick="pass()">通过</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <a id="refuseBtn" class="easyui-linkbutton" iconCls="icon-filter" style="width: 75px" onclick="refuse()">拒绝</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            <a id="deleteBtn" class="easyui-linkbutton" iconCls="icon-remove" style="width: 75px" onclick="deletes()">删除</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;
                            </c:if> --%>
                            </c:forEach>
                            </td>
                        </tr>
                    </table>
                </div>
             <td>
        </tr>


<script type="text/javascript">

function operator(value, row, index) {
/*  var e = '<a href="#" onclick="showLog('+ row.id +')">日志</a>&nbsp;&nbsp;';
    return e ; */

/*  
    <c:if test="${fn:contains(function, '/rjs/overdue/editOverDueInfo')}">
    </c:if> ;
     */
    var returnvalue="";
    returnvalue+='<a href="#" onclick="showEditDialog('+index+')">编辑</a>&nbsp;&nbsp;';
    returnvalue+='<a href="#" onclick="pass('+index+')">通过</a>&nbsp;&nbsp;';    
    returnvalue+='<a href="#" onclick="refuse('+index+')">拒绝</a>&nbsp;&nbsp;';  
    returnvalue+='<a href="#" onclick="showLog('+ row.id +')">日志</a>&nbsp;&nbsp;';
    return returnvalue; 
}


}
</script>
</body>
</html> 

求大神指点...

  • 写回答

9条回答 默认 最新

  • mango_love 2018-01-04 01:57
    关注

    你在后台就要判断好是否有权限,最好能传一个表示权限的字段过来,然后在前台进行判断,让他不可点击有很多种方法:
    a
    添加disabled也可以

    评论

报告相同问题?

悬赏问题

  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?
  • ¥15 求daily translation(DT)偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮
  • ¥15 ads仿真结果在圆图上是怎么读数的
  • ¥20 Cotex M3的调试和程序执行方式是什么样的?
  • ¥20 java项目连接sqlserver时报ssl相关错误