前端技术
文章平均质量分 87
火焰雪人
这个作者很懒,什么都没留下…
展开
-
extJs 2.1学习笔记(Function扩展篇)
ExtJs对JavaScript的内建对象进行了扩展,对什么Object、Date、Array、Function、String的扩展,扩展方法想必诸位都烂熟于心了:用prototype的办法。这一篇讲一讲Function扩展的精妙之处,之所以突然研究这个问题,是因为我在研究 Ext.data.Store的源代码时,看到一行代码: this.reader.onMetaChange = t转载 2008-07-16 20:41:00 · 3231 阅读 · 1 评论 -
extJs 2.0学习笔记
申明:本笔记转自伯平,163的博客,网上有关extjs好的资料本来就不多,见到他的这么一份笔记,我是欣喜若狂,在读这份笔记的时候,我流连于他的详细的备注,更惊叹于他透彻的分析,读完这份笔记以后,我从此又多了一个偶像-伯平,在此我十万分的感谢他的这份笔记对我的帮助! extJs 2.0学习笔记(ext.js篇)要是以前,我铁定整天到处找教程看,光说不转载 2008-07-16 19:56:00 · 2494 阅读 · 1 评论 -
对ExtJs的态度
extjs的确是个好东西,但是,它的优点也就是它的缺点:加载页面慢时间一长,浏览器占内存就会疯长服务器端功能极度削弱,除了数据库操作外,几乎所有功能都到了客户端,还得用javascript来写。功能全到了客户端,而客户端语言javascript的编写还是有许多的麻烦,真正精通它的人极少。javascript对于大部分人来说,不易调试大量存在的javascript代码难以维护开发速度极转载 2008-07-16 20:43:00 · 3862 阅读 · 5 评论 -
Struts2下使用jsonplugin及jquery完成ajax功能
1. 从以下网址[url]http://code.google.com/p/jsonplugin/downloads/list[/url]下载JSON插件的JAR包(新版本是0.32),并加到工程的相应目录下。从如下网址[url]http://docs.jquery.com/Downloading_jQuery[/url]下载jquery所需文件。(建议下载稳定版本,不然会出现莫名其转载 2009-11-05 13:44:00 · 1426 阅读 · 0 评论 -
Ext store 过滤数据技巧
//若action返回的是男性的一个Json姓名集合。当你想要的只是那些姓王或者姓张的,那你就可以用 filterBy方法进行如下过滤。 var firstName; var store = new Ext.data.JsonStore({ url : ../users/view.action?gender=+gender, root : res原创 2008-10-24 22:38:00 · 4766 阅读 · 1 评论 -
extJs 2.1学习笔记(Ext.form概述)
Ext.form中封装了是输入组件。input、textArea、frameSet、form等元素都被包装起来了。我刚才发了点时间对它的类图分析了一下,用StartUML做了图如下: Ext.form中的组件太多,实在不大方便一一研究,哪来的时间。还好,有示例,照着用吧。不明白的再去看代码、看文档。转载 2008-07-16 20:42:00 · 1371 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.data.Connection篇二)
上一篇主要是扎扎实实地翻译了一下Ext.data.Connection的官文档。尽管网上有位大侠也搞了个中文文档,但是,有不少遗漏的地方。这篇主要是研究一下文档中有些语焉不详的地方,这些问题只能透过研究代码来解释了。 一、Ext.data.Connection是否有依赖的模块 有。它建立在一个适配器类:Ext.lib.Ajax的基础之上,有人看了Ext.js的代码,发现,Ext貌转载 2008-07-16 20:34:00 · 1955 阅读 · 0 评论 -
extJs 2.1学习笔记(JSON序列化篇)
ExtJs有一个类:Ext.util.JSON,它提供两个函数:encode、decode。用于序列化和反序列化,功能蛮强大的,也差不多了,但是,在WebService中序列化DataTable、DataSet时,遇到麻烦。这个问题只有自己解决了。 其实这个问题简单的很,没什么大不了的。这儿有一篇文章有代码!就是循环做事嘛。但是,我觉得,如果要用于ExtJs的话,这个代码还不够。因为J转载 2008-07-16 20:32:00 · 2013 阅读 · 1 评论 -
extJs 2.0学习笔记(Ajax篇)
一听到Ajax,我与大家一样,如雷贯耳,都说XXX Ajax框架,事实上,这一部分内容在ExtJs中是基础中的基础,就那个样。这儿主要是讨论一些资料、书本都不会涉及的领域。这些东西平常只能由自己摸索的。 在此话题之先,先解决一个问题,现在用asp.net的人多了,但是,用asp.net ajax并不爽,但是asp.net ajax能直接调用webservice,看起来很眼谗,在extJ转载 2008-07-16 20:30:00 · 944 阅读 · 0 评论 -
extJs 2.0学习笔记(Ext.data序论篇)
昨天就说过了,ExtJs的UI部分不会花什么时间了,是时候来研究一下Ext如何发送json数据,如何解析数据,如何显示到我们的widgets。如何管理异步请求。这些问题貌似都在Ext.data里面。本人总结了一张UML图。可以得到一个大概关系。 其中,像Observable、DataReader、Record、SortTypes这四个类没有标出父类,是因为它们继承自Object,就转载 2008-07-16 20:29:00 · 953 阅读 · 0 评论 -
extJs 2.0学习笔记(Ext.Panel终结篇)
怪不得我对Ext.Panel穷追猛打,前面已经写过四篇针对它的文章了。不过。Ext.Panel的问题搞得差不多了。下面我贴出研究代码,及效果图。再解释一下。这下图文结合了。以后自己忘记了,看一下就明白了。var panel1;function newPanel1(){ var config1={title:'这是标题栏', width:300,原创 2008-07-16 20:28:00 · 6640 阅读 · 12 评论 -
extJs 2.0学习笔记(Ext.Panel篇二)
这一篇翻译自extJs 2.0官方文档。花了我一个晚上加一个上午的时间才搞定。这篇是关于config的。 我在网上查了很久,关于ExtJs的core部分的中文文档还是有不少,但是关于panel,window这些呢就好像不大齐全,而且,在js堂,它的文档翻译还在1.1。所以呢想翻译出来,以后大家也好查阅。 本人js水平、英文水平都有限,还好,通过看源代码两相印证,终于还是搞出来了。转载 2008-07-16 20:22:00 · 5037 阅读 · 1 评论 -
extJs 2.0学习笔记(Ext.Panel篇一)
老实不客气的说:没有Panel,就没有extjs的盛名。那些最常见的UI组件都是继承自它。暴爽的东西啊。我就在想,这么好的东西怎么会出现得这么晚呢? 在这一篇中,将详细讲一讲Ext.Panel的方方面面。 现在遇到了一些问题: 一、显示的问题 事实上,这个问题是所有组件的问题,凡是从Ext.Component继承的类都面临这个问题。 例如,我写了一行这样的代码,转载 2008-07-16 20:21:00 · 2131 阅读 · 0 评论 -
extJs 2.0学习笔记(Ext.Element API总结)
Ext.Element API比较多,大伙用的时候也难以在短时间把住它的脉络,主要功能。这个给个总结,而不是一个API说明。说到API说明,网上早有大侠做得蛮不错的了。位置设置:getX() 取得相对于页面的x坐标getY() 取得相对于页面的y坐标getXY() 取得相对于页面的x,y坐标,用法:ele.getXY()[0]/[1]getOffsetsTo(el转载 2008-07-16 20:17:00 · 2112 阅读 · 0 评论 -
一些实用代码
1、四舍五入函数://number为某实数,n为要保留的小数位数function myRound(number,n) { number = Math.round(number*Math.pow(10,n))/Math.pow(10,n); return number; }2、文本框中只能输入数字的函数://只能输入数字//用法 funct原创 2008-04-30 22:31:00 · 724 阅读 · 0 评论 -
extJs 2.0学习笔记(DomHelper.js篇)
这个文件定义的是Ext.DomHelper类。作用是提供一些Dom的操作。这个类不是静态类。 这个类第一个函数createHtml是一个私有函数,用于从指定转入创建对应的html文本。这个类有多种情况,根据源代码分析: var createHtml = function(o){} o的取值可能有:string(现成的html字符串)、Array(JSON对象数组)、obje转载 2008-07-16 20:13:00 · 1519 阅读 · 0 评论 -
extJs 2.0学习笔记(Element.js篇)
Element.js这个文件包含了整个extjs框架中最为核心的部分,它对DOM元素进行超强的封装。源文件就有3054行,尽管这中间有好多是注释,但是,在个把月前,我不敢想像我会要拿着几千行的js文件来研究。呵呵。 就我目前而得知的情报,Ext.Element类至少包含如下功能: 一、为许多DOM动作创建Animation(动画),例如setWidth,它提供一个可选项来获得动画原创 2008-07-16 20:15:00 · 1562 阅读 · 3 评论 -
extJs 2.0学习笔记(组件总论篇)
组件正是extJs的亮点所在,像平常要用的Ext.Window、Ext.tabpanel都是我们最喜欢的好东西。要彻底弄清楚这中间的机制啊。 我查到了一些参考资料:Ext组件结构分析Ext组件概述Ext组件模型概况Ext组件的生命周期Ext.Component的Render方法详解ExtJs实用开发教程asp.net中使用JSONEx的树组件的使用(从底层到表现到异步加载)转载 2008-07-16 20:19:00 · 1613 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.TabPanel篇)
Ext.TabPanel这个东西是最常用的组件之一,它继承自Ext.Panel。看了一个下午的源代码,对它的一些基本原理有所了解了。 下面要讲一些问题,这些问题绝对是本人独门秘笈,非入室弟子不传。哈哈哈。 一、组件的组成: 因为继承自Ext.Panel,所以,它也是由header、tbar、body、bbar、footer这几个部分构成,有人问:TabPanel的面板标签转载 2008-07-16 20:41:00 · 5442 阅读 · 5 评论 -
extJs 2.1学习笔记(Ext.data.JsonReader篇二)
有了上一篇中所讲内容,一般情况下就可以应付了,不过,JsonReader有一些细节问题,还要细究。待某家一一道来。 构造函数已讲,下面依代码顺序讲解了。 read : function(response){ var json = response.responseText; var o = eval("("+json+")");转载 2008-07-16 20:39:00 · 5281 阅读 · 3 评论 -
extJs 2.1学习笔记(Ext.data.Store篇)
Ext.data.Store,这个东西是JavaScript版的DataTable啊。貌似其他Ajax框架都没有这个玩意啊。可见啦,Ext是真的打算把b/s开发重新变成c/s开发啊。哈哈哈。便宜我等了。待某细研之。 Store类提供对记录集(Record)的包装,通过前面的研究可知,DataProxy取数据(url或数组或xml或json),DataReader用于从不规范的数据取出转载 2008-07-16 20:39:00 · 9991 阅读 · 0 评论 -
extJs 2.1 学习笔记(Ext.data.HttpProxy篇)
关于Ext.data中各个类的关系图我在前面已经做了一个,不用多言。其实啊。关于数据的显示,一般要经历三个流程:DataProxy-->DataReader-->Store。当然,三个部分都得是具体的类,这三个是抽象类。 如果按照一般性的理解,那么应当先从Proxy开始了。 出人意料:DataProxy的代码就是一空架子。且看:Ext.data.DataProxy = fu转载 2008-07-16 20:37:00 · 11228 阅读 · 5 评论 -
extJs 2.1学习笔记(Ext.Updater篇二)
全 称:Ext.Updater命名空间:Ext定义 于:UpdateManager.js类 名:Updater父 类:Observable为Element对象提供Ajax式的更新能力。Updater能用于更新Element一次或者使用startAutoRefresh让Element具备定时更新的能力。用法://从一个Ext.Element对象获得Up转载 2008-07-16 20:36:00 · 3382 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.data.JsonReader篇一)
嘿,别看关键就在这儿,事实上,它的代码很少的哦。加上注释才219行。研究研究。 有个事要说一下:DataProxy的子类呢,都有一个load来加载数据,DataReader的子类呢,都有一个read来读取数据。 而Ext.data.JsonReader有两个关键函数:read、readRecords。好了。来研究一下。 Ext.data.JsonReader = funct转载 2008-07-16 20:38:00 · 6281 阅读 · 1 评论 -
extJs 2.1学习笔记(Ext.Updater篇一)
上几篇中老老实实地把Ext.data.Connection翻了个遍。这是基础。我记得Ext.Element有一个方法:load( String/Function url, [String/Object params], [Function callback], [Boolean discardUrl] ) : Ext.Element直接调用Ext.Updater.update方法处理转载 2008-07-16 20:34:00 · 2636 阅读 · 0 评论 -
extJs 2.1学习笔记(Ext.data.Connection篇一)
ExtJs之所以能异步请求数据,全依赖于Ext.data.Connection。而Ext.Ajax只不过是Ext.data.Connection的一个实例罢了。当然Ext.Ajax比Ext.data.Connection多了一个函数:serializeForm(form),这个函数的作用是把一个表单里面的表单元素序列化。结果形式为:name1=value1&name2=value2……不过,转载 2008-07-16 20:33:00 · 2540 阅读 · 1 评论 -
frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
使用框架(无论是frameset、frame、iframe)嵌套网页的时候,如果子网页的高度超过了预先设定的高度,会出现滚动条,也就是尺寸溢出,一般来说如果高度超了就出现垂直滚动条,宽度超了就出现水平滚动条,但是在IE6中,只要尺寸大于等于预定高度,就会两个滚动条一起出现,这好象是一个bug。解决方法:在子网页设置css如下:html {overflow-y:auto转载 2008-10-21 16:03:00 · 1020 阅读 · 0 评论 -
extJs 2.1学习笔记(通信篇)
javascript通过XHR调用WebService。两个问题必须解决: 一、如何传值给WebService,有什么格式要求没有? 二、如何接收从WebService传过来的结果? 此二者我辈不能不察也。asp.net的WebService默认是序列化成json格式的,所以,我们在客户端传值时,最好用json传,反映到ExtJs中。就是Ext.Ajax.request({转载 2008-07-16 20:31:00 · 2164 阅读 · 2 评论 -
extJs 2.0学习笔记(事件注册总结篇)
本来,我也没把这档子事放在眼里,因为简单,例如: Ext.get("elem").on("click",{fn:function(){alert("此元素被单击了!");}}; 这样的代码谁不会写啊。一个on就了结了。但是,今天,我在研究Ext.Panel的tbar时,发现,那现工具栏按钮的事件注册不一样: 元素注册、组件注册都是:{fn:……} 工具栏按钮的事件注册原创 2008-07-16 20:27:00 · 1696 阅读 · 1 评论 -
extJs 2.0学习笔记(Ext.Panel篇四)
我刚才禁不住诱惑去看了一下Ext.Window的API文档,发现只是比Panel多了点什么最大化、最小化、关闭、置前、置后、动画引发目标设置、可调整大小这些功能。像什么标题栏、工具栏之类的东西在Ext.Panel早就封装好了。搞定了Ext.Panel终于可以闷声发大财罗。哈哈哈。 这一文主要总结一下,panel的常见用法。 一、使Panel的标题栏隐藏 这是常有的事,常常,转载 2008-07-16 20:26:00 · 7760 阅读 · 1 评论 -
extJs 2.0学习笔记(Ext.Panel篇三)
上一篇中把panel的config部分的文档翻译了一下,事实上,好多东西都加上了我自己的看法,也不能说完全是翻译。真是个苦差使啊。这一次主要是来研究一下Ext.Panel的属性、函数。属性:body : Ext.Element它是指向panel的body的Element引用。它被用于包含html内容。可以通过html config,或者是autoLoad config,又或者是通转载 2008-07-16 20:25:00 · 145 阅读 · 0 评论 -
extJs 2.0学习笔记(Ext.Panel篇三)
上一篇中把panel的config部分的文档翻译了一下,事实上,好多东西都加上了我自己的看法,也不能说完全是翻译。真是个苦差使啊。这一次主要是来研究一下Ext.Panel的属性、函数。属性:body : Ext.Element它是指向panel的body的Element引用。它被用于包含html内容。可以通过html config,或者是autoLoad config,又或者是通转载 2008-07-16 20:23:00 · 3765 阅读 · 0 评论 -
Struts2中Json插件的Action配置
Struts2的出现在Web2.0纷争的年代,以Ajax为代表的富客户端(Rich Client)应用正唱着Web2.0的主角。虽然Struts2本身对Ajax的应用也提供了自己的Ajax标签,但是这种比较牵强的支持也是赶鸭子上架,不是Struts本身的特长。 那该如何构建一个Rich Client的框架呢。我觉得JSON数据就有了用武之地了。JSON(Java Script Object原创 2008-10-21 22:47:00 · 3987 阅读 · 2 评论