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

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

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

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

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

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

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

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

    Code

    版权说明

      如果标题未标有<转载、转>等字则属于作者原创,欢迎转载,其版权归作者和博客园共有。
      作      者:温景良
      文章出处:http://wenjl520.cnblogs.com/  或  http://www.cnblogs.com/

  • 相关阅读:
    Spring boot unable to determine jdbc url from datasouce
    Unable to create initial connections of pool. spring boot mysql
    spring boot MySQL Public Key Retrieval is not allowed
    spring boot no identifier specified for entity
    Establishing SSL connection without server's identity verification is not recommended
    eclipse unable to start within 45 seconds
    Oracle 数据库,远程访问 ora-12541:TNS:无监听程序
    macOS 下安装tomcat
    在macOS 上添加 JAVA_HOME 环境变量
    Maven2: Missing artifact but jars are in place
  • 原文地址:https://www.cnblogs.com/wenjl520/p/1325643.html
Copyright © 2011-2022 走看看