Using Ext With jQuery
web2.0时代是一个Ajax横行的时代,几年前在大学学的那点javascript知识可以发挥作用了,最近开始使用并学习jquery和extJS两个Ajax框架,感觉功能还是挺强大的,jquery在dom的query方面那是相当令人激动啊,难怪叫这个名字了,同时也看了下ext2.1,那个做的界面确实挺漂亮的,用jquery来实现逻辑跳转,用ext2.1来做界面,那可真是吧javascript的能力发挥到极致了!
在项目中加入脚本文件
- jquery.js
- 其他可能用到的jquery-plugins
- ext-jquery-adapter.js jquery-plugins.js
- 主要的ext脚本文件ext-all.js,adapter/ext/ext-base.js, build/locale/ext-lang-zh_CN.js和整个resources目录
a)ext-all.js,adapter/ext/ext-base.js就包含了ext的所有功能,
所有的js脚本都在这里了。
b)build/locale/ext-lang-zh_CN.js是中文翻译。
c)resources目录下是css样式表和图片。
以下是一个简单的测试
<a href="#" id="wheelink">Whee Click me Click me!</a>
$(document).ready(function(){
$('#wheelink').bind('click',function() {
Ext.Msg.alert('Whee alert!', 'Thanks for clicking me, WHEE!');
});
});
分享到:
相关推荐
Ajax(Jquery与ExtJs) 框架对比 web前端开发
总结来说,Jquery-Extjs4.0框架的结合使用,可以充分利用jQuery的轻便和易用性,以及Ext JS的强大组件和数据管理能力,共同构建出高效、互动性强的前端应用。了解并熟练掌握这两个框架,对于提升前端开发效率和应用...
"JavaScript框架jQuery和ExtJS的对比研究" 本文将对JavaScript框架jQuery和ExtJS进行对比研究,旨在帮助Web开发者选择合适的JavaScript框架。 JavaScript框架的重要性 随着Web 2.0时代的到来,Web应用程序越来越...
**jQuery和ExtJS代码提示Spket插件的下载与使用指南** 在开发JavaScript应用程序时,尤其是在使用特定框架如jQuery和ExtJS时,拥有一个能够提供代码提示和自动完成功能的工具是极其重要的。Spket IDE是一款针对...
尽管两者在定位上有所不同,jQuery EasyUI 通过其简洁的API和较低的学习曲线,为开发者提供了一种仿制ExtJS界面效果的方式。 在"jQuery EasyUI 仿 Extjs 界面布局"中,主要涉及以下知识点: 1. **布局管理**:...
在IT行业中,jQuery和ExtJS是两种非常流行的JavaScript库,用于构建交互式和动态的Web应用程序。它们都提供了丰富的功能,如DOM操作、事件处理、AJAX交互以及UI组件等,极大地简化了前端开发工作。这里提到的"jquery...
本文首先简要介绍了JavaScript库的概念和特点,然后对jQuery和ExtJs进行了详细的介绍,包括其特点、优缺点、使用场景和应用实例。最后,本文对比了jQuery和ExtJs的优缺点,并对在Web开发中选择JavaScript库的建议。 ...
ExtJS是一款功能丰富的JavaScript框架,以其强大的组件化和数据绑定机制著名,而jQuery则是一个轻量级的选择器引擎,广泛用于简化DOM操作。这个jQuery ComboBox是开发者为了在不使用ExtJS完整库的情况下,实现类似...
- **功能范围**:jQuery专注于基础的DOM操作和事件处理,而ExtJs则提供了更为丰富的UI组件和高级功能,适合构建复杂的应用程序。 - **学习曲线**:jQuery的学习曲线较低,适合初学者快速上手;而ExtJs由于功能更为...
将选项卡组件渲染到某容器,参数类型可以为字符串,也可以为jQuery所加载的对象,如果为声明该参数,组件默认的承载容器为BODY。 items<array> 选项卡元素集合 选项卡组件渲染后就会显示的选项卡元素集合,具体参数...
该项目使用SSH2框架+jQuery+ExtJs+MySql数据库+MyEclipse开发环境。1、设计构思 将订单模块分成管理员和顾客两个管理部分: 管理员:可以查看所有的订单,对已付款的订单进行发货,查看订单详情,按不同方式查询订单...
在Web开发领域,jQuery和ExtJS是两种非常流行的JavaScript库,它们分别提供了丰富的功能和强大的用户界面组件。这里我们深入探讨这两个库以及它们的结合使用。 **jQuery:轻量级的选择器引擎** jQuery是由John ...
主流插件jsEclipse、Aptana Studio和spket,就js语法加亮来说,都可以。 jsEclipse是轻量级免费使用的插件,不支持jQuery,虽说可以添加library,但在网上很难找到jQuery的xml库
6. `source`:未经压缩的EXTJS完整源码,遵循Lesser GNU (LGPL) 开源协议,方便开发者查看和学习EXTJS的内部实现。 7. `ext-all.js`:压缩后的EXTJS完整库,包含了所有的组件和功能。 8. `ext-core.js`:仅包含...
- **完善的文档**: 拥有详尽的文档和丰富的API示例,易于学习。 - **广泛应用**: 包括Google在内的许多知名网站都在使用jQuery。 - **活跃的社区**: 社区活跃,有大量的插件可供使用。 - **简洁的语法**: 语法简单...
extjs资料以及extjs学习指南,extjs资料以及extjs学习指南
这个框架吸收了ExtJS的一些设计理念,提供了丰富的组件和精美的界面,但相比ExtJS,jQuery EasyUI更轻量级,学习曲线也更为平缓。 在“jQuery EasyUI仿Extjs漂亮界面实例演示”中,我们可以探索如何利用jQuery ...
EsayUI、jQuery和ExtJS都是广泛使用的JavaScript库,它们提供了丰富的功能来构建交互式的Web应用程序。其中,图标作为用户界面的重要元素,对于提升用户体验和美观度起着关键作用。本文将探讨如何在这些JS库中实现...
它提供了在Visual Studio 2010环境下,使用ASP.NET、jQuery和ExtJS三种不同JavaScript框架实现省市区三级联动的DropDownList控件,并通过Ajax技术进行异步数据加载的示例。 首先,ASP.NET是Microsoft提供的一个强大...
综上所述,这210套模板集合涵盖了jQuery EasyUI、EXTJS和HTML的多种设计风格和功能实现,无论是对新手还是经验丰富的开发者,都能从中找到灵感和实践材料。这些模板可以帮助快速搭建后台管理界面,节省开发时间,...