jsp：
<head>
<!--在头部标签引入jqueryUI标签文件-->
<!--jquery EasyUI 引入的插件-->
<!-- start-->
<script type="text/javascript" src="../js/erpTwoJS/easyui/jquery.min.js"></script>
<script type="text/javascript" src="../js/erpTwoJS/easyui/jquery.easyui.min.js"></script>
<link rel="stylesheet" type="text/css" href="../js/erpTwoJS/easyui/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="../js/erpTwoJS/easyui/themes/icon.css"/>
<script type="text/javascript" src="../js/erpTwoJS/easyui/locale/easyui-lang-zh_CN.js"></script>
<!--自己引用样式的js文件-->
<script type="text/javascript" src="../js/erpTwoJS/index.js"></script>
<!--end-->
</head>
<body>
<p>在HTML体中进行添加自己设计的布局样式</p>
/*
设置界面显示日历样式
*/
<td width="40%" align="left">考核月份：
<input name="khxm_date" class="easyui-datebox" data-options="sharedCalendar:'#khMonth',closeText:'关闭'">
<div id="khMonth" class="easyui-calendar" ></div>
</td>
/*
设置界面显示样式效果布局
*/
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="b5d6e6"
id="aimtab" class="easyui-datagrid" toolbar="#tb"
url="../CD17B/CD17BF01!query.action"
rownumbers="true" fitColumns="true" singleSelect="true">
<thead>
<tr>
<th field="bm_name" width="20%">考核部门</th>
<th field="kh_zdf" width="20%">总得分</th>
<th field="yg_name" width="20%">考核对象</th>
<th field="khxm_date" width="20%">考核月份</th>
<th field="kh_zt" width="18%">考核状态</th>
</tr>
</thead>
</table>
/*
设置界面显示工具栏
*/
<div id="tb">
<a class="easyui-linkbutton" iconCls="icon-edit" onClick="editItems('<s:property value="khxm_id"/>')"><font color="#0CF">评分</font></a>
<a class="easyui-linkbutton" iconCls="icon-search" onClick="searchItems('<s:property value="yg_id"/>');"><font color="#0CF">查看</font></a>
</div>
/*
设置界面显示翻页功能
*/
<div id="pp" class="easyui-pagination" data-options="total:2000,pageSize:10"style="background:#efefef;border:1px solid #ccc;">
</div>
</body>