EasyUI

大神帮忙看看我这怎么不显示数据表格下面的分页栏main.jsp<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>主界面</title>
    <script type="text/javascript"
src="jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
<script type="text/javascript"
src="jquery-easyui-1.3.2/jquery.easyui.min.js"></script>
<script type="text/javascript"
src="jquery-easyui-1.3.2/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript"
src="myjs/myjs.js"></script>
<link rel="stylesheet" type="text/css"
href="jquery-easyui-1.3.2/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
href="jquery-easyui-1.3.2/themes/icon.css">
<script type="text/javascript">
function tab1(){
$('#tab1').show();
mydata();
}
</script>
  </head>
      <body class="easyui-layout">  
       <c:if test="${empty user}">
       <jsp:forward page="index.jsp"></jsp:forward>
       </c:if>
      
        <div region="north" title="North Title" split="false" style="height:100px;">
         欢迎你，${user.name }
        </div>          
        <div region="west" split="true" title="West" style="width:100px;text-align: center;">
         <a onclick="tab1();" style="cursor: pointer;">用户管理</a>
           </div>  
        <div  region="center" title="center title" href="MyJsp.jsp"  iconCls="icon-add" style="padding:5px;background:#eee;">
        
        </div>  
    </body>  
</html>MyJsp.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<script type="text/javascript"> mydata = function() {
var searchForm=$('#admin_user_searchform').form();
var datagrid = $("#datagrid");
datagrid.datagrid({
url : "<%=basePath%>dataGetAll",
iconCls : 'icon-save',
pagination : true,
pageSize : 10,
closed:false,
method : 'get',
title : '用户列表',
loadMsg:'数据加载中....',
pageList : [ 10, 20, 30, 40 ],
fit : true,
fitColumns : true,
nowrap : false,
border : false,
idField : "id",
sortName : 'createDate',
sortOrder : 'desc',
columns : [ [ {
field : 'name',
title : '用户名',
width : 100,
sortable : true
}, {
field : 'password',
title : '密码',
width : 100
}, {
field : 'createDate',
title : '创建时间',
width : 100
}, {
field : 'updataDate',
title : '修改时间',
width : 100
}, {
field : 'role',
title : '角色',
width : 100
} ] ],
toolbar : [ {
text : "增加",
iconCls : 'icon-add',
handler : function() {
}
}, '-', {
text : "删除",
iconCls : 'icon-remove',
handler : function() {
}
}, '-', {
text : "修改",
iconCls : 'icon-edit',
handler : function() {
}
}, '-' ]
});

/*点击查询*/
mysearch = function() {
datagrid.datagrid('load', serializeObject(searchForm));
}
/*点击清空*/
clean = function(){
searchForm.find('input').val("");
datagrid.datagrid('load', serializeObject(searchForm));
}

/*将表单序列化为对象*/
function serializeObject(form){
var o={};
$.each(form.serializeArray(),function(index){
if(o[this.name]){
o[this.name]=o[this['name']]+","+this.value;
}else{
o[this.name]=this.value;
}
});
return o;
} }
</script><div id="tab1" class="easyui-tabs" fit="true" border="false" style="display: none"   >
<div title="用户管理" border="false">
<div id="cc" class="easyui-layout" fit="true" border="false">
<div region="north" title="查询用户" split="true"
style="height:150px;overflow: hidden;" border="false">
<form id="admin_user_searchform">
<table style="width: 100%;height: 100%;font-size: 10px">
<tr>
<th>用户名</th>
<td><input name='name'></td>
</tr>
<tr>
<th>创建时间</th>
<td><input name='createDateStart' class="easyui-datebox"
editable="false">至<input name='createDateEnd'
class="easyui-datebox" editable="false"></td>
</tr>
<tr>
<th>最后修改时间</th>
<td><input name='updataDateStart' class="easyui-datebox"ditable="false">至
<input name='updataDateEnd' class="easyui-datebox" editable="false"> 
<a class="easyui-linkbutton" plain="true" iconCls="icon-search" onclick="mysearch();" href="javascript:void(0)">查询</a>
 <a class="easyui-linkbutton" plain="true" iconCls="icon-undo" onclick="clean();" href="javascript:void(0)">清空</a></td>
</tr>
</table>
</form>
</div>
<div region="center" border="false">
<table id="datagrid"></table>
</div>
</div>
</div>
</div>
请大神指导下如何控制数据表格加载数据的时间呀  为啥tab没法用close和open  不也是面板吗
easyui数据表格