在这个例子中其实不光使用了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