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

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

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

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

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

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

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

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

 

Code

 

posted @   温景良(Jason)  Views(1316)  Comments(2Edit  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示