注册 登录
编程论坛 J2EE论坛

JSP页面显示问题

eason_code 发布于 2016-02-29 12:00, 7221 次点击
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"   />&nbsp;&nbsp;&nbsp;
                    单位名称
                    <input class="easyui-textbox" name="input_query_projectname" style="width:250px" type="text" id="id_input_query_projectname"   />&nbsp;&nbsp;&nbsp;
                    用户角色
                    <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>&nbsp;&nbsp;&nbsp;
<!--                 如果是管理员,则可以看到这个查询条件 -->
                    <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>                                                                                             
只有本站会员才能查看附件,请 登录

代码如下:
4 回复
#2
卡卡塞特林2016-03-04 17:29
<!-- META http-equiv="Page-Enter" CONTENT=RevealTrans(Duration=4,Transition=23)"> -->

<!--                 如果是管理员,则可以看到这个查询条件 -->
     你说的是这两个看起来像箭头的嘛?
这是标注符号相当于Java中的//的作用
              
#3
eason_code2016-03-10 14:24
回复 2楼 卡卡塞特林
只有本站会员才能查看附件,请 登录

谢谢你的回复!不过我说的是页面上为什么会出现红色部分的那个箭头?求解!
#4
猪猪002016-04-16 20:14
我怎么感觉你运行出来的页面少了点东西
<tr>
 //这里要显示id你的页面好像没有     <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>
我不知道走箭头问题是在哪里,我是菜鸟一个。
#5
current2016-05-31 10:27
css的问题吧
1