jqury-easyui DataGrid 整合struts2增删查该入门实例（三）
这两天较忙，没有时间更新代码，今天晚上花了两个多小时，毛毛糙糙的做了一个增删查该的小例子.
ps；觉得在这js这块较弱，有错误或者不当之处还请指正,本人定当虚心学习。
好了：还是老样子先看下效果。
添加
<%
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>easyDemo1.jsp</title>
?<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/default/easyui.css">
?<link rel="stylesheet" type="text/css" href="jquery-easyui/themes/icon.css">
?<script type="text/javascript" src="jquery-easyui/jquery-1.4.2.min.js"></script>
?<script type="text/javascript" src="jquery-easyui/jquery.easyui.min.js"></script>
?
??? <script type="text/javascript" src="jslib/easyCrud.js"></script>
? </head>
?
? <body>
??? <h2><b>测试easyui的DataGrid的CRUD操作</b></h2>
??? <table id="tt">
??? </table>
??? <form id="ff" method="post">
????? ? <div>
??????????? ?? 姓名:<input type="text" id="name" name="name" required="true"></input>
???????? ? </div>
???????? ? <div>
???????? ? ?年龄:<input type="text" id="age" name="age" required="true"></input>
???????? ? </div>
???????? ? <div>
???????? ? ?性别:<input type="text" id="sex" name="sex" required="true"></input>
???????? ? </div>
???? ?? <div>
???? ??? 出生:<input type="text" id="birthday" name="birthday" required="true"/>
???? ?? </div>
???? ?? <div>
???? ?? ?班级:<input type="text" id="className" name="className" required="true"/>
???? ?? </div>
? </form>
??? <div id="add" title="添加" style="padding: 10px;width: 300;height:200;"
??? iconCls="icon-add" closed="true" maximizable="false" minimizable="false" collapsible="false">
??? ?<div id="aa">
??? ?</div>
???? <a iconCls="icon-ok" href="javascript:void(0)" onclick="add()">添加</a>
???? <a iconCls="icon-cancel" href="javascript:void(0)" onclick="close1()">取消</a>
??? </div>
??? <div id="edit" title="修改" style="padding: 10px;width: 300;height: 200;"
??? iconCls="icon-edit" closed="true" maximizable="false" minimizable="false" collapsible="false">
??? ?<div id="ee">
??? ?</div>
???? <a iconCls="icon-ok" href="javascript:void(0)" onclick="edit()">修改</a>
???? <a iconCls="icon-cancel" href="javascript:void(0)" onclick="close2()">取消</a>
??? </div>
??? <div id="query" title="查询" style="padding: 10px;width: 360px;height:100;"
??? iconCls="icon-search" closed="true" maximizable="false" minimizable="false" collapsible="false">
??? ?<div>
??? ??<table>
??? ???<tr>
??? ????<td>学生学号:</td>
??? ????<td><input type="text" name="id" id="qq" required="true"></td>
??? ????<td><a iconCls="icon-search" href="javascript:void(0);" onclick="query()">查询</a></td>
??? ???</tr>
??? ??</table>
??? ?</div>
??? </div>
? </body>
</html>
?
?
?上述js代码写的有点臃肿，但是绝对能够精简的，只是时间关系和个人在js这块开发较少。
?后台代码较多，本人已经将源码jquery_easyUI_demo.rar上传到网盘中，提供下载地址http://u.115.com/file/f46d05cd01#Download有兴趣的可以看看
1 楼 潇洒天涯 2011-11-12 文件在网盘到期了，能分享一下么？谢谢