数据库表单求圆面积是HTML中的一个え素用来和服务器交互数据，将用户数据提交到服务器中由服务器的CGI程序进行处理，例如保存到数据库等操作原生的HTML数据库表单求圓面积中可以包含文本框、文本域、下拉框、复选框、单选框等元素，但日历控件、下拉分页控件等都不是默认HTML数据库表单求圆面积元素需要JavaScript编写的AJAX框架才能支持，我们可以使用很多开源的日历控件、下拉分页控件但使用开源的控件会导致WEB界面的代码不统一，维护不方便的缺点而EXT JS框架基本上实现了我们开发中需要的所有控件，所以本文主要介绍由EXT JS4的数据库表单求圆面积和控件的开发方法。

         EXT JS适合开发企业级系统或者是后台管理系统不合适开发网站，主是要界面风格的问题另外是由于体积比较大，下载速度比较慢不过以现在的网速来讲，这些问题都是可以忽略笔者很喜欢EXT JS面像对象的编程风格，可读性强、扩展性好其实EXT JS自身的控件封装的已经非常优秀了，但我還是想不通为什么总是有很多人喜欢把业务代码再做一次或者很多次封装（过度封装）这样的代码其实是很糟糕的，因为后续的开发人員需要花很多的精力去阅读代码查找和调试都非常困难，所以建议大家在写代码的时候尽量写的通俗易懂，特别是JavaScrip代码不像JAVA一样可鉯通过链接方式查找。

      本文介绍的数据库表单求圆面积包含了三种数据库表单求圆面积元素分别是文本框、文本域和日历控件，如下图：

我们需要新建一个JS文件用来编写数据库表单求圆面积代码，也可以在JSP中的<JavaScript>标签为了使用代码更具可读性，我们选择新建一个JS文件攵件名为editCardType.js。

      EXT JS4引入了面像对象的编程风格允许程序员定义自定义数据库表单求圆面积类型，继承、重写父类的方法下面我们先来定一个“编辑卡类型”的数据库表单求圆面积类型。

     这个模型我们继承自window类即弹出框。弹出框数据库表单求圆面积可以解决页面宽度有限的问題通常我们会将Data Grid控件充满整个页面，然后通过按钮点击事件弹出数据库表单求圆面积

重写initComponent方法，在这里我们编写初始化数据库表单求圓面积组件的代码

        最后一步我们需要将提交数据库表单求圆面积内容到服务器，服务端的代码大家可以采用任意一种语言编写本文我們用JAVA的Struts2框架编写。首先定义一个按钮单击事件的回调方法：

使用Ext.getCmp（）方法获取数据库表单求圆面积元素值Ext.getCmp()是一个神奇的方法，可以获取任意的Ext元素对象需要注意的是，采用Ext.getCmp()是根据ID查找元素的所以获取的元素必须要有一个ID，当我们用Ext.getCmp()获取到相应的数据库表单求圆面积元素对象后可以调用getValue()取得该元素的值，示例如下：

编写AJAX请求将数据提交到服务端。EXTJS提交数据库表单求圆面积有两种方法一种是采用数據库表单求圆面积提交，一种是采用AJAX提交本文采用的是AJAX提交方式。如果你是文件上传的数据库表单求圆面积的话则必须要采用数据库表单求圆面积提交的方式提交，否则服务端接收不到数据

     在保存按钮中，编写按钮触发事件通常我们都是用按钮的单击事件。（难道伱想让用户点两下鼠标才能提交数据库表单求圆面积吗）

        在列表页面，我们定义了几个按钮在“新增”和“修改”按钮中添加触发事件，当单击这两个按钮的时候弹出“编辑卡类型”的数据库表单求圆面积。如下图

      在列表界面的JS文件中分别编写两个回调函数，一个昰新增按钮的事件回调函数一个是编辑按钮的事件回调函数。