前面一节介绍了表单设计器的背景和最终的大概样式，本节主要介绍表单设计器的需求及功能设计。在讲需求之前先明确几个常用的概念：主表或者卡片表——具有多行多列的一个区域的控件块，如下图所示。明细表——就是常用的表格类型的控件块，表头信息就确立了该列的数据类型，如下图所示。卡片式的表：指的是一个表单模板只包括一个主表；主子表：指的是一个表单模板包含一个主表、一个明细表；多子表：指的是一个表单模板包含一个主...
form.submit({ submitEmptyText: false,//添加这条就不会提交emptyText success: function(form, action) { Ext.Msg.alert(‘保存成功‘, action.result.msg); addwin.destroy(); gridStore.load( {params : { flag : ‘list‘, start : 0, limit : PAGESIZE }}); }, failure: function(form, action) { Ext.Msg.alert(‘操作失败‘, action.result.msg);} }); 原文：http://www.cnblogs.com/mr-level/p/4647617.html
Ext.form.Field是所有表单输入控件的基类，其他的输入控件都是基于Ext.form.Field扩展得来的。 Ext.form.Field中定义了输入控件通用的属性和功能函数，这些通用的属性和功能函数大致分为3大类：页面显示样式、控件参数配置和数据有效性检验。我们先来看看表单输入控件可以使用的校验显示方式。默认情况下，这些输入控件会监听blur事件，如果数据校验失败，就会根据msgTarget中的设置显示错误信息。通常，msgTarget会被设置为qtip，...
基本代码：<script>Ext.onReady(function(){Ext.create(‘Ext.form.Panel‘, {title: ‘登录‘,bodyPadding: 5,width: 350,// 将会通过 AJAX 请求提交到此URLurl: ‘${pageContext.request.contextPath}/back/login.do‘,// 表单域 Fields 将被竖直排列, 占满整个宽度frame: true,layout:‘auto‘,// The fieldsdefaultType: ‘textfield‘,items: [{fieldLabel: ‘用户名‘,name: ‘name‘,allowBlank: false,blankText:‘用户名不...
利用ExtJs的Anchor可以为ExtJs自带的表单Form各个组件进行布局，当然，使用《【ExtJs】带日期组件的文本输入框、容器与Ext.Msg.alert告警框告警两次》（点击打开链接）中的vbox也是可以的。其实ExtJs的表单插件与表单布局并不是关键，ExtJs的表单验证还好，就几行语句就能够完成。关键是ExtJs的表单提交必须通过Ajax方式，而在后台必须传回一个Json完成表单的提交，可能有点复杂，下面就以php作为ExtJs的后台处理来说明问题ExtJs的...
1.ComboBox读取远程数据使用Ext.data.Store配合proxy和fields获得从后台返回的数据var store=new Ext.data.Store（{proxy：{type：“ajax”，url：“epartment_controller.php?action=combobox_load”，reader:{ type:"array" } }，fields:["values","text"]}）； 后台返回的数据格式：[["value","text"],["value1","text1"]] 1.ComboBox下拉框监听用户选择数据combo.on（“select”，function（ComboBox）{alert (this.getValu...
在今天的编码过程中我发现button提交请求与直接ajax请求在返回值上有一点小小的差别看直接ajaxExt.Ajax.request({url : "../UserSelectAllServlet",method : ‘POST‘,success : function(response) {var json = Ext.JSON.decode(response.responseText);//column = new Ext.grid.column.Column(json.columModle);//alert(json.data[2].id);var store = Ext.create(‘Ext.data.Store‘, {fields : json.fields,data : json.data});...
目标: 知道表单面板如何创建 了解表单面板中xtype的类型的应用 知道表单面板如何验证，绑定，取值 综合应用表单面板（玩转它） 内容: 首先我们要理解的是FormPanel也是继承panel组件的。所以它有着panel的属性 要创建一个表单面板其实很简单 var MyformPanel=new Ext.form.formpanel(); 表单面板和面板一样只是作为一个容器出现的，需要我们使用items加入各控件元素来丰富我们的表单面板， defaults:{},此属性提取了items中各组件项...
1.首先得确定json格式没问题 2.在返回的json中一定得加上success为true，因为只有为true，才会进入success函数 因为刚结束Extjs4，这个错误我调试了半天。
/** * 提交表单 */ function $postForm(a) { if (a.formPanel.getForm().isValid()) { var b = a.scope ? a.scope: this; a.formPanel.getForm().submit({ scope: b, url: a.url, method: "post", params: a.params, waitMsg: "正在提交数据...", success: function(c, d) { Ext.ux.Toast.msg("操作信息", "成功信息保存！"); if (a.callback) { a.callback.call(b, c, d); } }, failure: function(c, d) { Ext...
代码如下:Ext.onReady(function(){ Ext.QuickTips.init(); //第一句的目的是为需要的元件提供提示信息功能，form的主要提示信息就是客户端验证的错误信息了。 Ext.form.Field.prototype.msgTarget = under; //第二句的目的就是设置控件的错误信息显示位置，主要可选的位置有： var tdate = new Ext.form.DateField({ fieldLabel: 日期, emptyText: 请选择日期, format: Y-m-d, disabledDays: [0, 7] }); var txt = new Ext.form.Te...
1.日期选择框，DateField 日期选择框在日常项目中被广泛应用，一个方便的日期输入机制能够极大的提高用户体验。Extjs的DateField非常友好灵活强大。可以通过如下代码新建一个日期选择框： 代码如下: new Ext.form.DateField({ id: diliveryDate, format: Y年m月d日, maxValue: new Date(), minValue: 1900-01-01, disabledDays: [0, 6], disabledDaysText: 禁止选择该日期, fieldLabel: 选择日期, width:200, showToday:false }) ...
目标: 知道表单面板如何创建 了解表单面板中xtype的类型的应用 知道表单面板如何验证，绑定，取值 综合应用表单面板（玩转它） 内容: 首先我们要理解的是FormPanel也是继承panel组件的。所以它有着panel的属性 要创建一个表单面板其实很简单 var MyformPanel=new Ext.form.formpanel(); 表单面板和面板一样只是作为一个容器出现的，需要我们使用items加入各控件元素来丰富我们的表单面板， defaults:{},此属性提取了items中各组件项...
1 在子类中添加单击提交事件 代码如下: //登陆按钮单击事件 loginFun: function() { var f = Ext.getCmp("loginForm"); //表单验证 if (f.form.isValid) { f.form.submit({ waitTitle: "请稍候", waitMsg: 正在登陆..., url: http://www.cnblogs.com/Service/SystemService/SystemService.ashx?Method=UserLogin, method: POST, success: function(form, action) { window.location = Main.htm }, failure: function(form, action...
代码如下: /** * 提交表单 */ function $postForm(a) { if (a.formPanel.getForm().isValid()) { var b = a.scope ? a.scope: this; a.formPanel.getForm().submit({ scope: b, url: a.url, method: "post", params: a.params, waitMsg: "正在提交数据...", success: function(c, d) { Ext.ux.Toast.msg("操作信息", "成功信息保存！"); if (a.callback) { a.callback.call(b, c, d); } }, failure: function(c, d) { Ext.MessageB...