EXTJS学习系列提高篇:第十七篇(转载)作者殷良胜,ext2.2打造全新功能grid系列--添加记录篇...

添加记录篇里实现在分页栏里添加一个按钮,当点该按钮后弹出一个添加窗体,正确输入数据并提交成功后,窗体并不关闭(可以自己定义),但窗体下面的grid列表会自动增加刚刚添加的数据,视觉效果非常理想.

首先看看效果图.在这个效果图里面不仅仅设置了添加按钮,而且还添加了一个刷新按钮

在上面的效果图里面的分页栏里可以看见,已经将按钮添加到分页栏里面,Ext2.2以前的版本只能够将按钮添加到工具栏,当然也不是说一定不可以,如果你愿意找麻烦,你就自己扩展Ext2.2以前的版本也是能够实现的.

现在当我们点刷新按钮时,页面就能够重新加载数据库的数据,你可以在服务器端加断点测试下

在刷新按钮旁边的就是添加按钮,当点这个按钮后,就弹出一个窗体用来添加数据,看看下面的效果图就可以明白

上面这个效果图就是在点添加按钮后弹出的添加窗体,在没有关闭该窗体之前不能够对下面的列表再进行操作,如果你喜欢非模式窗口,你可以在Ext.Window组件里面更改modal:true,这个属性,可以设置为false再测试下.

这个窗体的添加事件以及获取数据的方式包括在增加数据后动态刷新列表的方式都已经写出来,并且加了详细的注释,列表数据显示的后台代码包括数据表都和上一篇完全一样,只是这里没有在后台实现具体添加的代码,这和正常的asp.net开发没有区别,你只要正确的返回json数据就可以了,在提高篇的前几篇了已经详述了如果连接后台数据库以及如何返回json数据的方式.

 

Code

 

本文转自温景良博客园博客，原文链接：http://www.cnblogs.com/wenjl520/archive/2008/11/03/1325643.html，如需转载请自行联系原作者