随笔分类 - Extjs

摘要:EXT是一款强大的AJAX框架,其UI设计非常华丽,所以在对UI要求高的项目中可以使用!EXT做为与用户交互的前端,其功能可以概括为:生成用户界面,与用户实现交互,并与程序(PHP,.NET等)后台通信来完成与用户的交互。下面就这几个功能的实现原理做介绍。1.1生成用户界面EXT别广泛接受认可的原因之一便是他拥有良好的用户外观。一个系统中最主要的功能便是实现CRUD(新增,读取,更新,删除),同时还有查询。为了将这些功能集中在一起,特意封装了一个EXT的CRUD面板,将这些常用的功能封装成一个类,以便创建易用性良好的界面。该CRUD类的程序代码见前面的文章。CRUD面板是从EXT的panel继 阅读全文
posted @ 2009-08-21 09:34 汉卿 阅读 (363) | 评论 (0) 编辑
摘要:ExtJs初期仅是对Yahoo! UI的对话框扩展,后来逐渐有了自己的特色,深受网友的喜爱。 发展至今, Ext除YUI外还支持Jquery、Prototype等的多种JS底层库,让大家自由地选择。该框架完全基于纯Html/CSS+JS技术,提供丰富的跨浏览器UI组件,灵活采用JSON/XML数据源开发,使得服务端表示层的负荷真正减轻,从而达到客户端的MVC应用!ExtJs支持多平台下的主流浏览器 Internet Explorer 6+ FireFox 1.5+ (PC, Mac) Safari2+、Opera9+。在使用的厂家包括IBM、Adobe、Cisco和更多。ExtJs官方网站ht 阅读全文
posted @ 2009-08-20 13:33 汉卿 阅读 (283) | 评论 (0) 编辑
摘要:示例程序简述: 这个Demo为了演示如将使用GridPanel显示数据,并为GridPanel添加工具条按钮,提供弹出式窗体新增数据。 使用到的Ext组件 这个Demo涉及到Ext中的GridPanel,FormPanel和Window三个组件。 效果图 现在开始讲解代码,首先看一下创建GridPanel的代码片段 //定义数据列表面板类 PersonListGridPanel = Ext.extend(Ext.grid.GridPanel, { insertWin: null, updateWin: null, cons... 阅读全文
posted @ 2009-08-19 14:00 汉卿 阅读 (438) | 评论 (0) 编辑
摘要:产品名称: ExtAspNet当前版本: v2.0 beta1最后更新: 2009-07-05 产品描述: 专业的ASP.NET控件,原生的AJAX支持,丰富的UI效果。产品特点: No JavaScript,No CSS, No UpdatePanel,No Web Services备注: 本产品基于 ExtJS, HtmlAgilityPack, Nii.JSON 开源程序。 本产品从2008-04-11发布第一个preview版本至今,总共发布60多个版本,并已经成功应用到企业的应用开发。 开源地址:http://extaspnet.codeplex.com/演示地址:http://ex 阅读全文
posted @ 2009-08-19 13:33 汉卿 阅读 (252) | 评论 (0) 编辑
摘要:EXTJS的效率一直都被关注着,效率问题也是所有web开发者面临的最大的难题.面对着EXTJS3.0超过600KB的体积,被无数人指责,唾弃.我觉得这些人根本就没有从问题的本质出发去看待这个工具. 我一直把EXTJS作为一个工具来看待,哪个工具好,我就用哪个.如果根据系统情况Jquery或者Prototype能有更好的表现,我是很乐意去使用这些AJAX框架的.一个工具的推出,必然有它的优点和缺点,只是要看你怎么取舍.EXTJS的效率慢,我承认,确实不如其他的一些AJAX框架.但是这个慢,是建立在其丰富的UI组件,统一的界面风格上的(当然,看多了也腻).就好比Hibernate,你能说Hiber 阅读全文
posted @ 2009-08-19 13:11 汉卿 阅读 (1243) | 评论 (2) 编辑
摘要:无论你是Ext库的新手,抑或是想了解Ext的人,本篇文章的内容都适合你。本文将简单地介绍Ext的几个基本概念,和如何快速地做出一个动态的页面并运行起来,假设读者已具备了一些JavaScript经验和简单了解HTML的文档对象模型(document object model ,DOM)。 下载Ext如果你未曾下载过,那应从官方网站那里下载最新版本的Exthttp://extjs.com/downloads 。 因应各种的下载需求,有几种不同的可选项。通常地,最稳定的版本,是较多人的选择。下载解包后,那个example文件夹便是一个探索Ext的好地方! 开始!下载示例文件 IntroT... 阅读全文
posted @ 2009-08-18 13:16 汉卿 阅读 (168) | 评论 (0) 编辑
摘要:背景随着Extjs的不断成熟,它也在不断的被开发人员所接受和使用。Extjs是一个完全的UI框架,它自带的控件已经能很好的满足日常开发的需要,并且它底层仍是以html和样式为基础,在不满意需求特殊需求的情况,我们也非常方便的进行扩展。所以,我一贯的态度是,要使用extjs就要用的彻底,UI部分应该完全使用Extjs来实现,完全摈弃传统的ASP.NET前台模式。当然,现在也有一些把Extjs封装成ASP.NET Server Control的实现,如:coolite,ExtAspNet。 Extjs的UI框架完全托管了表单的布局,让我们在处理表单布局的时候变成非常的轻松和方便。开发人员在不关心H 阅读全文
posted @ 2009-08-18 11:23 汉卿 阅读 (2254) | 评论 (1) 编辑
摘要:一、理解Html DOM、Ext Element及Component 要学习及应用好Ext框架,需要理解Html DOM、Ext Element及Component三者的区别。 Ext是基于Web的富客户端框架,其完全是基于标准W3C技术构建设的,使用到的都是HTML、CSS、DIV等相关技术。Ext最杰出之处,是开发了一系列非常简单易用的控件及组件,我们只需要使用这些组件就能实现各种丰富多彩的UI的开发。无论组件有多少配置属性、还是事件、方法等等,其最终都会转化为HTML在浏览器上显示出来,而每一个HTML页面都有一个层次分明的DOM树模型,浏览器中的所有内容都有相应的DOM对象,动态改变页 阅读全文
posted @ 2009-08-15 14:38 汉卿 阅读 (227) | 评论 (0) 编辑
摘要:1. APS.NET的官方解决方案ASP.NET AJAX 网址:ajax.asp.net ASP.NET AJAX是微软.NET平台上的解决方案,提供涵盖伺服器端与用户端所需的AJAX技术与JavaScript整合机制。 透过与下载与安装ASP.NET AJAX到Visual Studio 2005当中,即可利用预设的控制项,开发出一些视觉特效与非同步传输的应用。 另外,ASP.NET AJAX也提供控制项的Toolkit,包含开发人员想自行开发AJAX应用时所需的基底类别与专案范本。 ASP.NET AJAX除了处理浏览器的相容性问题,也让用户端的JavaScript在开发时加入物件导向特 阅读全文
posted @ 2009-08-13 14:59 汉卿 阅读 (208) | 评论 (2) 编辑
摘要:extsharp是在code.google.com上发布的一个用C#写ExtJS代码的开源工具 官方网站:http://code.google.com/p/extsharp/ 以下是官方网站译文,水平有限,敬请广大网友斧正(更多开源项目请访问http://www.mikecat.net/space/?uid=3): 我真的非常喜欢EXT,但是用JavaScript编码却又让我寒心。因此我到处寻找,并找到了一种方法,同时使用我最喜爱的js库(EXT)和我最喜爱的编程语言(C#)来进行编码。利用一个我称之为Script#的项目,使我能用C#代码编程并自动转换成JavaScript,这就类似于GW. 阅读全文
posted @ 2009-08-13 13:08 汉卿 阅读 (398) | 评论 (0) 编辑
摘要:原文地址:http://extjs.com/blog/2009/08/10/ext-js-30-be-outstanding/ 官方大爆料... Ext JS 3.0.0 Patch Release --- 要收费...等流放吧 ^_^Ext JS Public Commit LogJS Builder 2CSS Refactor & ImprovementsMemory Management Improvements Designer Preview Constructing your interfaces in code will be a thing of the past. W 阅读全文
posted @ 2009-08-12 10:41 汉卿 阅读 (3364) | 评论 (1) 编辑
摘要:Asp.net ajax为asp.net 3.5的默认支持的ajax框架,在功能上、开发工具支持上、文档的完备性方面来说是一个开发asp.net ajax程序最佳选择。Anthem.net、Ajax pro则是由开源社区开发的框架,他们也具备相关的优点。asp.net ajax同时也是一个和社区合作的产品,在配置、使用上个人认为是这三个产品中最好的。 Anthem.net博客园相关的介绍:http://www.cnblogs.com/RChen/category/69922.html Anthem.net试用手记之Asp.net ajax、Anthem.net、Ajax pro三大ajax框架 阅读全文
posted @ 2009-08-11 10:01 汉卿 阅读 (158) | 评论 (0) 编辑
摘要:在软件架构中,特别是B/S架构中,很流行使用三层架构(数据层、中间层、表现层)来建立软件。但这从来都是服务器端的专利。在传统的概念中,客户端的职责就只是用来对数据进行展现而已。如果说客户端也搞三层,确实是一样不可思议的事件。 为什么要搞客户端三层? ExtJS这个框架是个功能很强大的框架,由于它给了开发者很大的自由度跟细粒度。开发者在开发的过程中,配置、使用一个组件需要编写许多的代码。工作量大不说,效率低,可重用性低却是致命的。所以,聪明的开发者,应该积极利用ExtJS里的面向对象功能,简化自己的工作。定制自己的组件。才能提高自己的效率。所以,除了在服务器端也搞三层,我们也可以在客户端... 阅读全文
posted @ 2009-08-10 15:09 汉卿 阅读 (195) | 评论 (1) 编辑
摘要:ExtJS是一套非常好的UI框架,已经有越来越多的企业级应用程序使用上了这个框架而从中受益。然后,在众多的项目当中,以J2EE项目居多,原因是ExtJS与Java的集成化越来越强。而对于使用.NET平台的开发者来说,想要在自己的项目当中使用ExtJS却困难重重,原因在于数据通信很难达到统一。在.NET 3.5以前,.NET平台提供有限的JSON原生支持。因而很多程序员都是使用第三方的组件。例如LitJson.net组件。 在.NET 3.5中,框架提供了DataContractJsonSerializer类,可以方便地对对象进行JSON序列化跟反序列化。另外,.NET3.5提供了扩展方法... 阅读全文
posted @ 2009-08-10 15:08 汉卿 阅读 (539) | 评论 (1) 编辑
摘要:1:支持命名空间 <script type="text/javascript"> // 定义一个命名空间 Ext.namespace("Ext.wentao"); // 在命名空间上定义一个类 Ext.wentao.helloworld = Ext.emptyFn; // 创建一个类的实例 new Ext.wentao.helloworld(); </script> 其中 Ext.wentao.helloworld = Ext.emptyFn; 等价于 Ext.wentao.helloworld = function(){}; 2 阅读全文
posted @ 2009-08-10 14:48 汉卿 阅读 (196) | 评论 (1) 编辑