`
qiyueguxing
  • 浏览: 66382 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

在一个ExtJs小例子中注意的问题

阅读更多

1、当form组件为combox类型时,要想得到值必须指定hiddenName属性,而非name属性。

{
        	xtype: 'combo',
            fieldLabel: '性别',
            name: 'sexText',
            hiddenName: 'sex',   //这是combobox实际的参数名称
            store: new Ext.data.SimpleStore({
                fields: ['value','text'],
                data: [['1','男'],['2','女']]
            }),
            emptyText: '请选择',
            mode: 'local',
            triggerAction: 'all',
            valueField: 'value',
            displayField: 'text',
            readOnly: true
        }

 2、得到form里面组件的值用form.getForm().findField('id').getValue()而不是用Ext.get("id").getValue(),因为后者貌似在火狐里面有错。

3、grid重新加载和form重设的方法:

grid.getStore().reload();

form.getForm().reset();

 4、grid和form交互的方法:

	grid.on("rowclick",function(grid,rownum,event){
		var record=grid.getStore().getAt(rownum);
		form.getForm().loadRecord(record);//将record中的数据赋予form中的输入组件,前提:form的name和record中定义的属性一致即可。
	});

 

5、无论是form提交还是ajax请求,与后台交互时,需要返回json格式的字符串,如jsp页面应该这样写:

<%@ page contentType="application/json;charset=utf-8"  %>
<%
    request.setCharacterEncoding("utf-8");
    response.setCharacterEncoding("utf-8");

    .....
 
    out.print("{success:true,msg:'删除成功'}");
%>

    那么前台应该这样获得返回的内容:

form.getForm().submit({
			url:"/stuSave.jsp",  
			success:function(f,action){   //注意这里的参数不能是form,要换个名称
				if(action.result.success){  //为true
					Ext.Msg.alert("消息",action.result.msg);
				}				
			},
			failure:function(){
				Ext.Msg.alert("错误","修改失败");
			}					
		});

 

 

分享到:
评论

相关推荐

    SSH+ExtJs分页小例子

    在这个"SSH+ExtJs分页小例子"中,我们将探讨如何将这两种技术结合实现数据分页显示。 首先,我们来看NewsDAO.java文件。这个文件包含了两个关键方法:`findPageAll`和`totalRecord`。`findPageAll`方法实现了分页...

    extjs 嵌入 ckeditor 例子

    在ExtJS中,我们可以创建一个自定义组件来封装CKEditor。首先定义一个ExtJS的`Ext.Component`,并使用CKEditor的API来初始化编辑器实例。例如: ```javascript Ext.define('MyApp.ckeditor.CKEditor', { extend: '...

    extjs_dwr整合例子

    本压缩包文件"Extjs+Dwr"提供了一个整合ExtJS和DWR的例子,让我们来详细探讨一下这两个技术以及它们的整合过程。 **ExtJS** 是一个JavaScript库,主要用于构建桌面级的Web应用。它提供了一套完整的UI组件,包括数据...

    Extjs servlet实现列表显示简单例子

    本示例将这两个技术结合,展示了一个简单的列表显示功能,这在Web应用中非常常见,如数据管理、表格展示等场景。 首先,我们需要理解ExtJS的组件模型。ExtJS的核心是组件化,它提供了丰富的UI组件,如Grid(表格)...

    很好的EXTJS例子

    这个“很好的EXTJS例子”是一个针对初学者的示例项目,基于EXTJS 2.0版本,旨在帮助新接触EXTJS的开发者理解其核心概念和组件的使用。 EXTJS 2.0是EXTJS的一个早期版本,虽然现在最新的版本已经发展到7.x,但这个...

    Extjs upload(ext官网例子)

    在给定的"Extjs upload(ext官网例子)"中,我们关注的是一个特定的功能——文件上传。这个例子是基于ExtJS框架的一个组件——FileUploadField,它允许用户在Web页面上选择并上传文件。以下是对这个功能的详细讲解:...

    EXTJS+Domino的应用例子-修正

    7. **安全性和性能优化**:在EXTJS和Domino的集成中,需要注意安全性问题,如防止XSS(跨站脚本攻击)和CSRF(跨站请求伪造)。同时,为了优化性能,开发者可能会采用分页、缓存策略以及合理的设计模式来减少不必要...

    extJS3.1源码及demo

    ExtJS 是一个流行的JavaScript库,专门用于构建富客户端Web应用程序。它提供了丰富的组件库、强大的数据管理和用户界面组件,使得开发者能够创建出交互性强、功能丰富的网页应用。3.1版本是ExtJS的一个较早版本,...

    extjs 3.x hightchart 插件

    `Ext.ux.HighChart.js`可能包含了一个自定义的组件类,该类扩展了ExtJS的基础组件,并集成了Highcharts的相关API,使得在ExtJS应用中使用Highcharts变得更加简单。 接下来,我们来看`adapter-extjs.js`。在高版本的...

    extjs2.2技术文档与实例

    不过需要注意,尽管2.2版本是一个成熟的框架,但随着时间的发展,ExtJS已经更新到更高的版本,例如ExtJS 7.x,引入了更多的特性和优化,因此在实际项目中,可能需要考虑升级到更现代的版本以获得更好的支持和性能。

    EXtJS学习 EXtJS学习

    在上述例子中,我们看到一个关于 `Ext.extend` 使用的一个有趣的陷阱。问题在于,当子类继承父类并试图修改一个共享的数组成员时,它们实际上是在操作同一数组的引用,而不是各自独立的副本。这导致了不同实例之间的...

    ASP.NET仿FLASH批量上传效果 使用控件ExtJS 和上传控件的例子.zip

    在本文中,我们将深入探讨如何在ASP.NET环境中实现一个仿Flash的批量上传功能,利用ExtJS作为前端框架和SwfUpload作为上传控件。这样的设计能够提供用户友好的界面和高效的文件上传体验。 首先,ASP.NET是Microsoft...

    extjs加载远程数据

    在这个例子中,我们首先定义了一个简单的HTML表单,并为提交按钮绑定了一个`login`函数。当用户点击提交按钮时,`login`函数会被调用,从而触发Ajax请求。 ```javascript function login(){ Ext.Ajax.request({ ...

    extjs的数据传递

    ExtJS作为一个强大的JavaScript框架,提供了多种方式进行数据传输,其中使用AJAX进行前后端通信是最常见的方式之一。本文将详细介绍如何在ExtJS中使用AJAX来实现前后端之间的数据传递,特别是关注JSON格式的数据传输...

    ExtJs获取表单元素的值

    在本篇文章中,我们将深入探讨如何在ExtJs框架中有效地获取表单元素的值,并结合提供的代码示例进行详细解析。对于前端开发者来说,掌握如何高效地操作表单元素是必不可少的一项技能,尤其是在使用像ExtJs这样的强大...

    extjs4 record mapping参数解释

    在这个例子中,我们定义了一个新的模型 `record`,其中包含一个字段 `linkmanname`,并且指定了 `mapping` 为 `linkman`。这意味着当从数据源读取数据时,字段 `linkman` 的值将被映射到模型的 `linkmanname` 字段上...

    extjs 4.0 年月份选择 DareField 改写

    在学习Extjs的过程中,有一个需求只要求选择年份月份,担是Extjs没有提供现成的,就只有自己来改写了,MonthField.js,引用就可以了,Demo.html是一个例子(注意Extjs版本是4.1.1的,还有就是要注意一下引用的顺序...

    extjs ajax tree(js动态树,无需递归)

    在ExtJS中,创建一个AJAX树通常涉及以下几个步骤: 1. **引入ExtJS库**:首先,你需要在HTML页面中引入ExtJS库的CSS和JavaScript文件,这将提供必要的UI组件和功能。 2. **定义树的配置**:创建一个`Ext.tree....

    SSH2 Extjs_框架搭建及登录功能的实现

    在这个例子中,我们创建了一个名为`zhangsa`的用户,其密码为`123`。 接下来,我们新建一个Web项目。在Eclipse或其他IDE中,右击项目选择新建Web项目,并设置好相关的项目属性。然后,我们需要添加Struts2的开发...

Global site tag (gtag.js) - Google Analytics