EXT2.0初学笔记

lianwu

浏览: 33288 次
性别:
来自: 长沙

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (7)

社区版块

存档分类

EXT Ajax json JSP 脚本

1. EXT提交服务器的三种方式
1, EXT的form表单ajax提交（默认提交方式）

相对单独的ajax提交来说优点在于能省略写参数数组

将按钮添加单击事件，执行以下方法

java 代码

function login(item) {
if (validatorForm()) {
// 登录时将登录按钮设为disabled，防止重复提交
this.disabled = true;
// 第一个参数可以为submit和load
formPanl.form.doAction('submit', {
url : 'user.do?method=login',
method : 'post',
// 如果有表单以外的其它参数，可以加在这里。我这里暂时为空，也可以将下面这句省略
params : '',
// 第一个参数是传入该表单，第二个是Ext.form.Action对象用来取得服务器端传过来的json数据
success : function(form, action) {
Ext.Msg.alert('操作', action.result.data);
this.disabled = false;
},
failure : function(form, action) {
Ext.Msg.alert('警告', '用户名或密码错误！');
// 登录失败，将提交按钮重新设为可操作
this.disabled = false;
}
});
this.disabled = false;
}
}

2.EXT表单的非ajax提交

在表单需加入下列代码

代码

//实现非AJAX提交表单一定要加下面的两行！ onSubmit : Ext.emptyFn, submit : function() {
//再次设定action的地址
this.getEl().dom.action ='user.do?method=login'; this.getEl().dom.method = 'post';
//提交submit
this.getEl().dom.submit();
},

3.EXT的ajax提交

代码

Ext.Ajax.request({
//请求地址
url: 'login.do',
//提交参数组
params: {
LoginName:Ext.get('LoginName').dom.value,
LoginPassword:Ext.get('LoginPassword').dom.value
},
//成功时回调
success: function(response, options) {
//获取响应的json字符串
var responseArray = Ext.util.JSON.decode(response.responseText);
if(responseArray.success==true){
Ext.Msg.alert('恭喜','您已成功登录！');
}
else{
Ext.Msg.alert('失败','登录失败，请重新登录');
}
}
});

2. 利用viewport布局左边区域系统菜单跳转两种方式

1，使用Ext.get('centerPanel').load(url:"aaa.jsp");url为必选参数还有其他可选参数请参见api文档。缺点，加入的页面js无效
2，使用iframe，具体

js 代码

Ext.get('centerPanel').dom.innerHTML='< i f r a m e src=aaa.jsp>< / i f r a m e >';

优点可以在载入的页面动态加载js脚本（推荐使用）

本人是初学，难免有错误或者不妥的地方，请大家帮忙指出。

分享到：

Flex 学习曲线图 | oracle 讨论char varchar varchar2 数据类 ...

2007-11-12 12:28
浏览 9152
评论(7)
论坛回复 / 浏览 (6 / 10303)
分类:Web前端
查看更多

7 楼 yangzi8244 2008-07-30

[u][/u]

6 楼 yuyinweiliao 2008-05-09

{success:true,bd_no:'ok'}

返回的數據是這樣的有錯嗎？

5 楼 yuyinweiliao 2008-05-09

        aform.form.submit({
                        waitTitle:'請稍候',
                        waitMsg:'資料保存中,請稍候...',
                        method:'POST',
                        url:'../../Sql/g_save.aspx',
                        success:function(action,form){Ext.Msg.hide(); Ext.MessageBox.alert('系統提示','資料傳送成功');alert(action.result.data)},//
                        failure : function(form,action) {Ext.Msg.hide();Ext.Msg.alert('錯誤提示','資料保存失敗,請稍候重試~');}//

                    });

為何我的顯示action.result.data是NULL啊

4 楼 coral0212 2008-05-07

感谢上面的兄弟姐妹们,我终于搞定了,呵呵

3 楼 microboat 2007-12-06

用autoLoad: {url: 'test.html', scope: this, scripts: true}动态加载html片段。
------------test.html-----------------
<body>
<script type="text/javascript" src="js/cl01.js"></script>
<div id="gv"></div>
<div id="win"></div>
</body>

2 楼 92java 2007-11-12

fangzhouxing 写道

引用

2，使用iframe，具体
js 代码
Ext.get('centerPanel').dom.innerHTML='< i f r a m e src=aaa.jsp>< / i f r a m e >';
优点可以在载入的页面动态加载js脚本（推荐使用）

我一直用这种方式，缺点是每个页面都要加载一遍 ext-all.js!

我也是这样做的，也想到了每次加载一次ext-all.js 和css 文件有没有好的解决办法！！那位达人给个解决办法

1 楼 fangzhouxing 2007-11-12

引用

2，使用iframe，具体
js 代码
Ext.get('centerPanel').dom.innerHTML='< i f r a m e src=aaa.jsp>< / i f r a m e >';
优点可以在载入的页面动态加载js脚本（推荐使用）

我一直用这种方式，缺点是每个页面都要加载一遍 ext-all.js!

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记: ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记ext2.0笔记...

最新的ext2.0下载: EXT2.0是EXT框架的一个重要升级版本，它在EXT1.0的基础上进行了大量的改进和增强，提供了更为丰富的组件、优化的性能以及更美观的界面效果。 EXT2.0的核心特性包括： 1. **组件库增强**：EXT2.0扩展了原有的组件库...

ext-2.0 ext-2.0 ext-2.0 ext-2.0 ext-2.0: ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0ext-2.0

ext2.0官方文档(chm),Ext 2.0 简明教程,Ext2经典应用: 3. **EXT2.0中文教程.exe**: 这可能是一个以可执行文件（.exe）形式的中文教学程序，对于中文用户来说非常友好。它可能包含了视频教程、交互式示例或者图文并茂的讲解，帮助学习者更直观地理解Ext 2.0的用法和功能。...

ext2.0（jsp标签）: EXT 2.0是Sencha公司推出的一个基于JavaScript的开源用户界面库，专门用于构建富互联网应用程序（RIA）。它提供了一套完整的组件化、可定制的UI控件，包括树形视图、菜单、弹出式菜单等，使得开发者能够轻松创建具有...

ext2.0官方文档: 通过阅读"EXT中文教程"，初学者可以逐步掌握EXT2.0的结构、工作原理以及如何进行日常管理和维护。教程可能涵盖了创建、挂载、卸载EXT2.0文件系统，使用`df`和`du`命令检查磁盘空间，以及如何处理文件系统错误等内容...

Ext2.0中文文档: Ext 2.0是Sencha公司开发的一个JavaScript库，主要用于构建富互联网应用程序（RIA）。这个中文文档包含了关于Ext 2.0的详细说明，对于开发者来说是一个非常宝贵的资源，可以帮助他们理解和使用这个强大的前端框架。 ...

EXT2.0在本地浏览API的插件: EXT2.0是一款基于JavaScript的富客户端开发框架，它提供了丰富的组件库和强大的数据管理功能，使得在浏览器端构建复杂的用户界面变得简单。本插件是EXT2.0针对本地浏览API的扩展，旨在增强EXT应用程序对本地资源的...

Ext2.0 中文文档: 本文档主要针对EXT2.0版本进行介绍。 EXT2.0在EXT1.x的基础上进行了大量的改进和优化，增加了更多的UI组件，提升了性能，并且强化了对Ajax和数据绑定的支持。Ajax技术允许Web应用在不刷新整个页面的情况下与服务器...

Ext2.0组件，全组件和帮助手册: Ext2.0是Ext JS库的一个早期版本，它是一个用于构建富互联网应用程序（RIA）的JavaScript框架。这个框架提供了一套完整的UI组件和强大的数据管理功能，使得开发者能够创建交互性强、功能丰富的Web应用。全组件和帮助...

EXT2.0 GRID 示例: EXT2.0 GRID 示例是一个基于EXT JavaScript库的高级数据展示和操作组件的实例。EXT是一个强大的前端开发框架，尤其在创建交互式Web应用程序方面表现出色。EXT2.0是EXT库的一个早期版本，它提供了丰富的用户界面组件...

EXT2.0最新压缩包: EXT2.0是一种广泛应用于Linux操作系统中的文件系统，它的全称是Extended File System Version 2.0。在Linux世界中，文件系统是管理和组织磁盘数据的核心组件，它决定了文件如何存储、检索以及如何实现高效的读写操作...

Ext2.0的学习笔记: ### Ext2.0学习笔记：深入理解Ajax与Ext框架 #### Ajax：实现异步无刷新数据交换的关键技术 Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它利用了...

ext2.0API: EXT2.0 API详解 EXT2（Second Extended File System）是Linux操作系统中广泛使用的文件系统之一，它在1992年由Rene Rebeau设计并实现，为Linux社区提供了可靠且高效的文件存储解决方案。随着技术的发展，EXT2也经历...

ext2.0项目源代码供大家学习ext使用: EXT 2.0是EXT库的一个早期版本，它包含了一系列用于构建用户界面的组件和工具，如表格、面板、菜单、窗口等。EXT 2.0项目源代码的分享为开发者提供了一个深入了解EXT框架内部工作原理和最佳实践的机会。在EXT 2.0...

EXT2.0 API文档: EXT2.0 API文档是针对EXT JavaScript库的一个关键参考资料，主要涵盖了EXT库的版本2.0中的各种组件、方法和功能。EXT是一个强大的前端开发框架，尤其在构建数据驱动的Web应用程序方面表现突出。EXT2.0 API文档是...

EXT2.0学习资料: EXT2.0是Ext JS框架的一个早期版本，它在Web应用程序开发中被广泛使用，尤其在构建富客户端界面时。这个框架提供了丰富的组件库，帮助开发者创建交互性强、功能丰富的用户界面。EXT2.0的学习资料包括JAR包和相关的...

EXT2.0中文教程: EXT2.0中文教程是一个专为Windows用户设计的教育资源，旨在帮助用户理解和操作EXT2.0文件系统。EXT2.0是Linux操作系统中早期广泛使用的日志式文件系统，它在1993年由Rene Rebe开发，作为EXT1的升级版。EXT2.0在性能...

ext 2.0: Ext 2.0是一个强大的JavaScript库，专门用于构建富客户端应用程序。它是一个基于Ajax技术的开发框架，Ajax（Asynchronous JavaScript and XML）的核心理念是通过后台与服务器进行异步数据交换，无需刷新整个页面，...

ext 2.0 源码下载: EXT 2.0是Web开发框架的一个重要版本，主要用于构建富客户端应用，它基于JavaScript，提供了丰富的组件库和数据管理功能。EXT 2.0源码的下载对于深入理解其内部工作原理、自定义组件以及优化性能至关重要。在学习EXT...

Global site tag (gtag.js) - Google Analytics

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论