JSP页面显示问题
JSP小白一枚,请教各位大神如下所示的页面中为什么会有那个小箭头?程序代码:
<%@ page language="java" import="java.util.*,model.Entt, model.entts.*" pageEncoding="utf-8"%> <%@ taglib uri="/WEB-INF/tld/page.tld" prefix="p"%> <%@ taglib prefix="c" uri="http://java. taglib prefix="fn" uri="http://java. taglib prefix="fmt" uri="http://java. HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>用户管理 </title> <!-- META http-equiv="Page-Enter" CONTENT=RevealTrans(Duration=4,Transition=23)"> --> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/js/easyui/themes/default/easyui.css"/> <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/js/easyui/themes/icon.css"/> <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/js/easyui/demo.css"/> <script type="text/javascript" src="<%=request.getContextPath() %>/js/easyui/jquery.min.js"></script> <script type="text/javascript" src="<%=request.getContextPath() %>/js/easyui/jquery.easyui.min.js"></script> <script type="text/javascript"> function queryUser(vpageNumber,vpageSize){ $('#form_entt_list').form('submit', { onSubmit: function(param){ param.pageNumber = vpageNumber; param.pageSize = vpageSize; param.jsonOperationType = 'loadJsonList'; return $(this).form('enableValidation').form('validate'); }, success:function(data){ // data = eval('(' + data + ')'); data = $.parseJSON(data); $('#zdglListGrid').treegrid('loadData',{"total" : data.total,"rows" : data.rows}); var pager = $('#zdglListGrid').treegrid('getPager'); $(pager).pagination({ pageNumber:vpageNumber, pageSize:vpageSize, total:data.total, beforePageText: '第',//页数文本框前显示的汉字 afterPageText: '页 共 {pages} 页', displayMsg: '共{total}条数据', onBeforeRefresh: function(){ }, onSelectPage: function (pageNumber, pageSize){//分页触发 queryUser(pageNumber,pageSize); } }); } }); } function onContextMenu(e,row){ e.preventDefault(); $(this).treegrid("select",row.id); $('#mm').menu('show', { left: e.pageX, top: e.pageY }); } function onAdd(){ location.href="<%=request.getContextPath()%>/userEditService?enttname=HtUser"; } <!--页面加载--> $(document).ready(function(){ $('#zdglListGrid').width(document.body.clientWidth); $('#zdglListGrid').height(document.body.clientHeight); <!--加载数据--> $('#zdglListGrid').treegrid({ pagination:true, pageList:[5,10,15], pageSize:5, pageNumber:1, striped:true, rownumbers:false, singleSelect:true, loadMsg:'请稍等,数据加载中...', method:'post', idField: 'id', treeField: 'projectname', toolbar:'#zdglToolbar', onContextMenu:onContextMenu, onLoadSuccess:function(data){ }, onDblClickRow:function(index,row){ } }); queryUser(vpageNumber,vpageSize); }); </script> </head> <body> <c:forEach var="r" items="${context_entt_e_xt_yong_hu.roleIds}"> <c:if test="${r eq '4'}"> <c:set var="statusFlag" value="1"></c:set> </c:if> <c:if test="${r eq '1' or r eq '8'}"> <c:set var="statusFlag" value="2"></c:set> </c:if> <c:if test="${r eq '2' or r eq '3'}"> <c:set var="statusFlag" value="3"></c:set> </c:if> <c:if test="${r eq '6' or r eq '7'}"> <c:set var="statusFlag" value="4"></c:set> </c:if> </c:forEach> <table id="zdglListGrid" title="用户管理" class="easyui-treegrid" toolbar="#toolbar" style="width:800px;height:400px" fitColumns="true",singleSelect="true",fit="true",pagination="true"> <thead> <tr> <th data-options="field:'id',align:'center',resizable:false,hidden:true" width=0px>id</th> <th data-options="field:'username',align:'center',resizable:true" width=100px>用户名称</th> <th data-options="field:'realname',align:'center',resizable:true" width=300px>单位名称</th> <th data-options="field:'roleChinese',align:'center',resizable:true" width=100px>用户角色</th> </tr> </thead> </table> <div id="mm" class="easyui-menu"> <div onclick="append()" data-options="iconCls:'icon-add'">增加</div> <div onclick="remove()" data-options="iconCls:'icon-remove'">删除</div> </div> <div id="toolbar"> <form id="form_entt_list" name="form_entt_list" action="showuserListService?enttname=HtUser&oper=query" method="post"> <div> 用户名 <input class="easyui-textbox" name="input_query_projectname" style="width:200px" type="text" id="id_input_query_projectname" /> 单位名称 <input class="easyui-textbox" name="input_query_projectname" style="width:250px" type="text" id="id_input_query_projectname" /> 用户角色 <select id="userRole" name="ur" class="easyui-combobox" panelHeight="auto" style="width: 80px"> <option value="">请选择</option> <option value="管理员">管理员</option> <option value="区领导">区领导</option> <option value="监管者">监管者</option> <option value="建设者">建设者</option> <option value="代建者">代建者</option> <option value="责任人">责任人</option> </select> <!-- 如果是管理员,则可以看到这个查询条件 --> <c:if test="${statusFlag eq '1'}"> </c:if> </br></br> <a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="queryUser(1,5)">查询</a> <a href="#" class="easyui-linkbutton" iconCls="icon-scan" onclick="scan">浏览...</a> <a href="#" class="easyui-linkbutton" onclick="importFile()">导入</a> <a href="#" class="easyui-linkbutton" iconCls="icon-add" onclick="onAdd()">新增</a> </div> </form> <a href="#" class="easyui-linkbutton" iconCls="icon-tip" plain="true">提示:鼠标左键单击选择列表中项目,右击弹出操作菜单进行操作</a> </div> </body> </html>
代码如下: