Ext JS - 随笔分类 - 貔貅

用 .NET 3.5 创建 ToJSON() 扩展方法

摘要：今年早些时候，我通过blog介绍了 C# 和 VB 语言的一项新的扩充特性"扩展方法"。扩展方法让开发者可以向已有的 CLR 类型的公共契约中添加新的方法，而不需要子类化或重新编译原有的类型。通过这种做法，可以使很多有用的应用场景成为可能（包括 LINQ）。同时，扩展方法也可以用来非常方便地向代码中添加"语法糖"。过去几个月，我一直在准备一些很酷的扩展方法的清单，并计划在有空的时候实现它们（不... 阅读全文

posted @ 2010-05-10 13:32 貔貅阅读(402) 评论(1) 推荐(0)

ExtJS与.NET结合开发实例(Grid之数据显示、分页、排序篇)

摘要：最近园子里有很多朋友关心ExtJS，我最近写了一个项目管理工具用到ExtJS,我结合.NET写了个关于Grid实现的一个实例供需要的朋友参考。本实例开发环境是：Windows XP + Sql Server 2005 + IIS6+VS 2008 Beta2(.NET Framework3.5) 实现步骤： 1.取数据源这里是从数据库里读取数据生产JSON的方式供ExtJS Grid调用. (... 阅读全文

posted @ 2010-05-10 13:21 貔貅阅读(542) 评论(0) 推荐(0)

Ext与.NET超完美整合 .NET开发者的超级优势

摘要：回顾学习EXT的过程，自己一直从事.NET快速开发（不喜欢JAVA平台比较乱的Jar包，版本控制力太差）。EXT虽然是纯UI东东，但似乎跟JAVA一直有着亲蜜的关系，找的所有成型点的例子中，跟JAVA的居多，用WebService和ASP的都非常不适用，Ext的界面设计非常方便，但通信起来，只有用JSON或XML等中间件来传递，存在解译成本和传递成本，WebService即要花N多安全功夫，效率也... 阅读全文

posted @ 2010-05-09 23:10 貔貅阅读(544) 评论(0) 推荐(0)

Ext 介绍入门之 DWR的替代品Ext.Direct

摘要：Ext.Direct的目的在于提供一个无缝的通讯流（streamline）介乎于客户端和服务端之间，形成一种单一的接口，从而使得我们减少一些乏味的编码，例如数据的验证和出来返回的数据包（读数据、错误条件等等）。Ext.direct命名空间下有若干的类是为了与服务端更密切地整合。Ext.Direct的一些方法产生出来的数据经过Ext.data另外的一些类，就可以转给Ext.data.Stores处理... 阅读全文

posted @ 2010-05-08 01:05 貔貅阅读(1661) 评论(0) 推荐(0)

Ext 介绍入门之 layout的9种样式风格总结

摘要：extjs的容器组件都可以设置它的显示风格，它的有效值有 absolute, accordion, anchor, border, card, column, fit, form and table. 一共9种。简单总结一下，帮助记忆。 [list]absolute 顾名思义，在容器内部，根据指定的坐标定位显示 accordion 这个是最容易记的，手风琴效果 Java代码 Ext.OnReady... 阅读全文

posted @ 2010-05-08 01:03 貔貅阅读(663) 评论(0) 推荐(0)

开始ExtJS之旅:5.ExtJS对原有JavaScript对象的扩展

摘要：5 ExtJS对原有JavaScript对象的扩展为了实现更强大的功能也为了更好的与ExtJS整个框架的一起工作，ExtJS对JavaScript中的Array、Date、Function、Number和String 5个类进行了扩展，可以理解为Java中的包装类，是对JavaScript原生对象的包装。 1. Array 除开原生Array对象的方法外，ExtJS扩展的Array对象还增加了表... 阅读全文

posted @ 2010-05-07 23:55 貔貅阅读(454) 评论(0) 推荐(0)

开始ExtJS之旅:3.ExtJS中的基本概念

摘要：3 ExtJS中的基本概念在第1章中提到过，ExtJS和传统的Web 开发大不相同。特别是在界面开发上，不用再纠缠在Html和CSS中，而与Java Swing或者Delphi的开发方式非常相同。这样在ExtJS的开发中会有一些在传统 Web 开发中没有的概念，比如面板（Panel）、布局（Layout）、组件（Component）等等。本节对这些概念加以说明，为后续的学习打好概念上的基础。 ... 阅读全文

posted @ 2010-05-07 23:54 貔貅阅读(335) 评论(0) 推荐(0)

开始ExtJS之旅:4.非常有用的开发工具

摘要：4 非常有用的开发工具 “工欲善其事，必先利其器”，有好的工具往往能够事半功倍。对于软件开发来说，尤其如此。特别是像JavaScript这种解释型执行的脚本语言，开发与调试过程都非常困难，必须要有强有力的工具加以支持。而开发过程中的工具以代码编辑与调试工具最为重要，两者的结合就是集成开发工具（IDE）了，但是以JavaScript 实现的 ExtJS 似乎还没有非常优秀的... 阅读全文

posted @ 2010-05-07 23:54 貔貅阅读(819) 评论(0) 推荐(0)

开始ExtJS之旅:1.认识ExtJS的开发包

摘要：1 认识ExtJS的开发包要开始ExtJS之旅的第一步是要获得开发包，可以从官方网站http://www.extjs.com/下载，以保证获得最新版本。其下载地址是http://www.ExtJS.com/download，下载成功后的开发包是ExtJS-2.0.2.zip，有 6.08M之大。不过不用担心，这个包并不是ExtJS程序真正运行时必须要载入的，真正必须要载入的只是这个包中的2个js... 阅读全文

posted @ 2010-05-07 23:53 貔貅阅读(557) 评论(0) 推荐(0)

开始ExtJS之旅:2.也从Hello world开始

摘要：2 也从Hello world开始几乎所有开发语言的学习都是从“Hello world”开始的。因为“Hello world”虽然只是简单的输出，但是它所要求的开发与运行环境和工作流程与写一个大型软件所要求的环境和流程没有太大的差别。所以说重要的并不在显示或者输出“Hello world”，而是为成功显示或者输出这个R... 阅读全文

posted @ 2010-05-07 23:53 貔貅阅读(531) 评论(0) 推荐(0)

Ext 介绍入门之 EXT 与json的交互

摘要：JSON处理方法有一段JavaScript如下：本文将会讨论如何把一个对象转换为JSON并将其发送到服务器。使用Ext.urlEncode进行URL编码首先我们看看Ext.urlEncode 这个方法（相对应的是Ext.urlDecode解码方法）。 Ext.urlEncode()不能用来处理JSON，Ext.urlEncode()只是负责在HTTP进行GET、POST请求时，将某个R... 阅读全文

posted @ 2010-05-07 23:50 貔貅阅读(696) 评论(0) 推荐(0)

Ext 介绍入门之 EXT 学习原始资料

摘要：入门导向Ext的新手用户可以通过下列不同的途径获取学习资源：API文档、维基百科全书、日益丰富的教程、论坛、IRC频道等等（参阅Learn ），关于这些各个方面在EXT官网上都有。但最重要的可用资源，可以说是Ext源代码本身。可以这样方便地学习源代码(Ext的项目毕竟是开源的)，不仅能助你体验Ext，而且还能让你接触到大量的Javascript高级技巧和最佳实践,进一步提升自身的编码水平。揭示源... 阅读全文

posted @ 2010-05-07 23:49 貔貅阅读(441) 评论(0) 推荐(0)

Ext 介绍入门之 Manual:Core:Ext.Ajax 类

摘要：Ext.Ajax类Ext.Ajax类是一个简单而清晰的XHR封装器，允许你快速而有效地执行AJAX请求。在本教程中，我们将会讨论除了公共方法request()外，还有怎么使用明文报码（Cleat Text）或解码JSON对象的强大扩展方法。配置项对象已经全部归档到Ext.Ajax Class Doc配置项类型 url字符类型必须的params已编码JSON的对象可选的method'GET'... 阅读全文

posted @ 2010-05-07 23:48 貔貅阅读(330) 评论(0) 推荐(0)

Ext 介绍入门之 EXT 内建函数对象

摘要：在JavaScript中，函数是可以带有方法的对象。Ext库提供的扩展会对Function对象——包括内建的函数、你定义的函数，这些都会继承。添加这些的方法能方便地绑定函数到特定的作用域。作用域的重要性在JavaScript中，你引用一函数，使之成为handler，和在C中使用函数指针有相类似的方式。这意味着默认情况下没有对象是绑定到对象的，并且this这个变量会是浏览器... 阅读全文

posted @ 2010-05-07 23:48 貔貅阅读(236) 评论(0) 推荐(0)

Ext 介绍入门之 Tutorial: Grid组件的简易分页

摘要：Grid的分页必须依靠服务端（Server Side）来划分好每一页的数据才可以完成。本例中的服务端事PHP,数据库是MySQL，用来导出一些随机的数据。下列脚本的作用是，获取我们想要的数据，同时这些数据事已分好页的数据。分页的参数是由Page Toolbar传入的变量limit和start所决定的。由于每个后台开发的环境都不尽相同，所以这里的服务端代码就不细究了。怎么做一个分页的Grid本例采用... 阅读全文

posted @ 2010-05-07 23:47 貔貅阅读(343) 评论(0) 推荐(0)

Ext 介绍入门之制定自己的EXT版本

摘要：入门有几种方案可制定Ext，制成裁减过的版本输出。而且这是至关重要的，为什么呢？只需包含你所需的文件，减少部署时文件过大的开销。你可缩小源码大小，也是部署时的重要一环。如果你是技术支持用户有一个可用的SVN访问，你可在开发阶段中创建一个中间临时的版本，用于测试、试用新功能和官方发布新版之间的bug调试。你亦可利用一些自动化的工具，或直接整合到你惯用的自动化调用程序（如，通过Ant）。本文主要覆盖... 阅读全文

posted @ 2010-05-07 23:46 貔貅阅读(375) 评论(0) 推荐(0)

Ext 介绍入门之布局的初级入门

摘要：事前准备本教程假设你已经安装好ExtJS库。安装的目录是extjs 并位于你程序的上一级目录。如果安装在其它地方你必须更改路径，更改示例文件中script标签的src的属性。需要些什么？除ExtJS库本身外，我们还需要两个文件：applayout.htmlapplayout.js先看看一份html文档，比较精简。并附有详细说明： applayout.html开头的两行声明了文档的类型。程序可以不... 阅读全文

posted @ 2010-05-07 23:46 貔貅阅读(288) 评论(0) 推荐(0)

Ext 介绍入门之 DomQuery的基础

摘要：DomQuery基础DomQuery的select函数有两个参数。第一个是选择符字符（selector string ）而第二个是欲生成查询的标签ID(TAG ID)。本文中我准备使用函数“Ext.query”但读者须谨记它是“Ext.DomQuery.select()”的简写方式。这是要入手的html：第一部分：元素选择符Selector 假设我... 阅读全文

posted @ 2010-05-07 23:44 貔貅阅读(325) 评论(0) 推荐(0)

Ext 介绍入门之 Menu Widget (EXT 菜单组件)

摘要：开始！第一步要做的是，下载本教程的示例zip文件Zip文件包括三个文件：ExtMenu.html,、ExtMenu.js、ExtMenu.css、和list-items.gif。解包这四个文件到Ext的安装目录中（例如，Ext是在“C:\code\Ext\v1.0”中，那应该在"v1.0"里面新建目录“menututorial”。双击ExtMenu.... 阅读全文

posted @ 2010-05-07 23:43 貔貅阅读(2335) 评论(0) 推荐(0)

Ext 介绍入门之 EXT 的类继承概念

摘要：实现的目的预期将是这样的IconCombo要创建的扩展是一个在文字前面能够显示图标的这么一个Ext.form.Combobox。将其中一个功能举例来说，就是要在一块选择里，国家名称连同国旗一并出现。我们先给扩展起个名字，就叫Ext.ux.IconCombo。文件的创建首要的步骤是准备好开发中将会使用的文件。需下列文件：iconcombo.html: 新扩展将会使用的 html markupic... 阅读全文

posted @ 2010-05-07 23:42 貔貅阅读(390) 评论(0) 推荐(0)

随笔分类 - Ext JS

公告