在这个例子中其实不光使用了flexiGrid,还有
<script type="text/javascript" src="js/jquery.draggable.js"></script>
<script type="text/javascript" src="js/jquery.resizable.js"></script>
<script type="text/javascript" src="js/jquery.linkbutton.js"></script>
<script type="text/javascript" src="js/jquery.shadow.js"></script>
<script type="text/javascript" src="js/jquery.dialog.js"></script><!-- 右键快显菜单 -->
<script type="text/javascript" src="js/jquery.contextmenu.packed.js"></script>
<!-- 调试插件 -->
<link rel="stylesheet" type="text/css" href="css/blackbird.css">
<script type="text/javascript" src="js/blackbird.js"></script>
<!-- 下拉列表框 -->
<!-- 这2个插件用法看
http://gundumw100.iteye.com/blog/543977，跟本例无关-->
<script language="javascript" type="text/javascript" src="js/jQuery.FillOptions.js"></script>
<script language="javascript" type="text/javascript" src="js/jQuery.CascadingSelect.js"></script>这些插件
可以先看看下面的图片
其中blackbird是个javascript调试插件，如果没有出现黑色窗口，按F2键显示。（若按F2无反应，请看这里
http://gundumw100.iteye.com/blog/543170）
代码实现了增加，修改，删除记录的完整的功能，为了方便大家顺利完成测试，附件中加了数据库文件，倒入 mysql，然后把Constants类中的数据库连接改成你的就可以了，应该很容易看懂。详细的代码我就不贴了，因为蛮长的。大家看一下图先，觉得有需要再下附件。
ps:该代码为纯servlet+jsp+javaBean,网上看到的都是php的，而且功能不全。
IE8，FF，chrome下测试通过（IE6,IE7下修改和查看数据时显示不出来，原因是“跨页面”取数据造成的，这里我没改这个bug）
如果想了解详细点，请看我的这2篇文章
http://gundumw100.iteye.com/blog/531131
http://gundumw100.iteye.com/blog/537355
- 大小: 54.7 KB
- 大小: 55.9 KB
- flexiGrid.zip (720.2 KB)
- 下载次数: 8003
- 查看图片附件
