- 博客(51)
- 收藏
- 关注
原创 EXT的Accordion和Table布局
Accordion 布局由类Ext.layout.Accordion 定义,名称为accordion,表示可折叠的布局,也就是说使用该布局的容器组件中的子元素是可折叠的形式。来看下面的代码:[code="java"]Ext.onReady(function(){new Ext.Panel({renderTo:"hello",title:"容器组件",width:500,...
2013-03-21 15:55:04
181
原创 EXT的Form 布局
Form 布局由类Ext.layout.FormLayout 定义,名称为form,是一种专门用于管理表单中输入字段的布局,这种布局主要用于在程序中创建表单字段或表单元素等使用。看下面的代码:[code="java"]Ext.onReady(function(){new Ext.Panel({renderTo:"hello",title:"容器组件",width:300...
2013-03-21 15:51:05
190
原创 EXT的Fit 布局
Fit 布局的代码,如下:[code="java"]Ext.onReady(function(){new Ext.Panel({renderTo:"hello",title:"容器组件",layout:"fit",width:500,height:100,items:[{title:"子元素",html:"这是子元素中的内容"}] });});[
2013-03-21 15:47:24
285
原创 EXT的Border和Column布局
Border 布局由类Ext.layout.BorderLayout定义,布局名称为border。该布局把容器分成东南西北中五个区域,分别由east,south, west,north, cente来表示,在往容器中添加子元素的时候,我们只需要指定这些子元素所在的位置,Border布局会自动把子元素放到布局指定的位置。看下面的代码:[code="java"]Ext.onReady(fu...
2013-03-21 15:27:38
168
原创 EXT布局 Layout
所谓布局就是指容器组件中子元素的分布、排列组合方式。Ext 的所有容器组件都支持而局操作,每一个容器都会有一个对应的布局,布局负责管理容器组件中子元素的排列、组合及渲染方式等。ExtJS 的布局基类为Ext.layout.ContainerLayout,其它布局都是继承该类。ExtJS 的容器组件包含一个layout 及layoutConfig 配置属性,这两个属性用来指定容器使用...
2013-03-21 11:14:53
123
原创 EXT对话框
由于传统使用alert、confirm 等方法产生的对话框非常古板,不好看。因此,ExtJS 提供了一套非常漂亮的对话框,可以使用这些对话框代替传统的alert、confirm 等,实现华丽的应用程序界面。Ext 的对话框都封装在Ext.MessageBox 类,该类还有一个简写形式即Ext.Msg,可以直接通过Ext.MessageBox 或Ext.Msg 来直接调用相应的对话框...
2013-03-20 10:08:20
184
原创 EXT窗口分组
窗口是分组进行管理的,可以对一组窗口进行操作,默认情况下的窗口都在默认的组Ext.WindowMgr 中。窗口分组由类Ext.WindowGroup 定义,该类包括bringToFront、getActive、hideAll、sendToBack 等方法用来对分组中的窗口进行操作。看下面的代码:[code="java"]var i=0,mygroup;function newW...
2013-03-20 10:08:15
156
原创 EXT窗口及对话框
ExtJS 中窗口是由Ext.Window 类定义,该类继承自Panel,因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。看下面的代码:[code="java"]var i=0;function newWin(){var win=new Ext.Window({title:"窗口"+i++,width:400,height:...
2013-03-20 10:08:10
186
原创 EXT选项面板TabPanel
在前面的示例中,为了显示一个面板,我们需要在页面上添加一个,然后把Ext 控件渲染到这个div 上。VeiwPort 代表整个浏览器显示区域,该对象渲染到页面的body 区域,并会随着浏览器显示区域的大小自动改变,一个页面中只能有一个ViewPort 实例。看下面的代码:[code="java"]Ext.onReady(function(){new Ext.Viewport({...
2013-03-20 10:08:04
163
原创 EXT工具栏
面板中可以有工具栏,工具栏可以位于面板顶部或底部,Ext 中工具栏是由Ext.Toolbar类表示。工具栏上可以存放按钮、文本、分隔符等内容。面板对象中内置了很多实用的工具栏,可以直接通过面板的tools 配置选项往面板头部加入预定义的工具栏选项。比如下面的代码:[code="java"]Ext.onReady(function(){new Ext.Panel({rende...
2013-03-20 10:07:58
218
原创 EXT面板Panel
面板Panel 是ExtJS 控件的基础,很高级控件都是在面板的基础上扩展的,还有其它大多数控件也都直接或间接有关系。应用程序的界面一般情况下是由一个一个的面板通过不同组织方式形成。面板由以下几个部分组成,一个顶部工具栏、一个底部工具栏、面板头部、面板尾部、面板主区域几个部分组件。面板类中还内置了面板展开、关闭等功能,并提供一系列可重用的工具按钮使得我们可以轻松实现自定义的行为...
2013-03-19 16:48:56
111
原创 Extjs 组件的事件处理
ExtJS 提供了一套强大的事件处理机制,通过这些事件处理机制来响应用户的动作、监控控件状态变化、更新控件视图信息、与服务器进行交互等等。事件统一由Ext.EventManager 对象管理,与浏览器W3C 标准事件对象Event 相对应,Ext 封装了一个Ext.EventObject 事件对象。支持事件处理的类(或接口)为Ext.util.Observable,凡是继承该类的组件或...
2013-03-19 16:43:51
291
原创 EXT组件的配置属性
在ExtJS 中,除了一些特殊的组件或类以外,所有的组件在初始化的时候都可以在构造函数使用一个包含属性名称及值的对象,该对象中的信息也就是指组件的配置属性。比如配置一个面板:[code="java"]new Ext.Panel({title:"面板",html"面板内容",height:100});[/code]再比如创建一个按钮:[code="ja...
2013-03-19 16:31:57
167
原创 EXT组件的使用和延迟加载
组件可以直接通过new 关键子来创建,比如控件一个窗口,使用new Ext.Window(),创建一个表格则使用new Ext.GridPanel()。当然,除了一些普通的组件以外,一般都会在构造函数中通过传递构造参数来创建组件。组件的构造函数中一般都可以包含一个对象,这个对象包含创建组件所需要的配置属性及值,组件根据构造函数中的参数属性值来初始化组件。比如下面的例子:[c...
2013-03-19 16:14:30
401
原创 Ext 的组件
Ext2.0 对框架进行了非常大的重构,其中最重要的就是形成了一个结构及层次分明的组件体系,由这些组件形成了Ext 的控件,Ext 组件是由Component 类定义,每一种组件都有一个指定的xtype 属性值,通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。组件大致可以分成三大类,即基本组件、工具栏组件、表单及元素组件。基本组件有:xtype Classbox Ext.BoxC...
2013-03-19 16:07:15
148
原创 Ext 类库简介
转载自网络ExtJS 由一系列的类库组成,一旦页面成功加载了ExtJS 库后,我们就可以在页面中通过javascript 调用ExtJS 的类及控件来实现需要的功能。ExtJS 的类库由以下几部分组成: 底层API(core):底层API 中提供了对DOM 操作、查询的封装、事件处理、DOM 查询器等基础的功能。其它控件都是建立在这些底层api 的基础上,底层api 位于源代码目录的...
2013-03-17 21:39:37
216
原创 ExtJS 版的 HelloWorld
转载自网络下面我们写一个最简单的ExtJS 应用,在hello.html 文件中输入下面的代码:[code="java"]ExtJSExt.onReady(function(){Ext.MessageBox.alert("hello","Hello,easyjf open source");});[/code]进一步,我们可以...
2013-03-17 21:37:23
78
原创 应用ExtJS
转载自网络应用extjs 需要在页面中引入extjs 的样式及extjs 库文件,样式文件为resources/css/extall.css,extjs 的js 库文件主要包含两个,adapter/ext/ext-base.js 及ext-all.js,其中ext-base.js表示框架基础库,ext-all.js 是extjs 的核心库。adapter 表示适配器,也就是说可以有...
2013-03-17 21:34:45
112
原创 开始ExtJS
转载自网络获得 ExtJS要使用ExtJS,那么首先要得到ExtJS 库文件,该框架是一个开源的,可以直接从官方网站下载,网址http://extjs.com/download,进入下载页面可以看到大致如图xxx 所示的内容,可以选择选择1.1 或2.0 版本,本教程使用的2.0 版本。下载得到的ZIP 压缩文件解压缩到目录ExtJS 发布包目录adapter:负责将里面提供第三方...
2013-03-17 21:32:38
77
原创 ExtJS 简介
转载自网络ExtJS是一个Ajax框架,是一个用javascript写的,用于在客户端创建丰富多彩的web应用程序界面。ExtJS可以用来开发RIA也即富客户端的AJAX应用。ExtJS是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs 最...
2013-03-17 21:29:52
105
原创 jQuery入门教程-15 Days of jQuery(Day 15) --- 拖拽效果和选择器
转载自网络 原文当我第一次开始15天的Jquery教程,发布了关于这页面的评论:如果你需要非常精美动画效果,拖和拽,非常平滑动画。你大概要用Prototype 之一的多个强大脚本库来增强效果。我放弃的错误评论已指出,你如何快速学习jQuery,并采纳有才的javascript程序员乐于编造插件,这足以让"老"的AJAX脚本库赚钱竞争更激烈了。你看到,在发布Jquery"极限"的贴子少许天后...
2013-03-15 16:06:21
123
原创 jQuery入门教程-15 Days of jQuery(Day 14) --- Javascript 工具提示
[i]转载自网络[/i]Cody Lindley ,Thickbox的作者,日前发布了 jTip - jQuery 工具提示。我对其中很多想法和思路拍案叫绝。我知道你已经看过很多类似的工具提示代码了。但是,Cody 的方法已经在我的工作中显露出了闪光点。当我检查HTML代码时,我发现了一个大问题,可访问性。链接在javascript关闭的时候无法工作。我并不是倾向于一定要实现全...
2013-03-14 22:43:06
73
原创 jQuery入门教程-15 Days of jQuery(Day 13) --- jQuery 表格
[i]转载自网络[/i]一位叫Klaus的朋友编写了一个小插件, 用jQuery实现可用性极佳的javascript表格。设置好正确的(x)HTML 和CSS后,你可以像下面那样创建表格:$.tabs(”container”); first tab on by default 如果你像在默认位置“上方”再添加一个表格: $.tabs(”container”, 2); secon...
2013-03-14 22:43:00
97
原创 jQuery入门教程-15 Days of jQuery(Day 12) --- jQuery Lightbox (插件)
[i]转载自网络[/i]Cody Lindley 移植的第一版“ Thickbox”让我第一次感受到了jQuery的魅力。后来他又做了一些 代码升级以修复若干跨浏览器的兼容性问题。一些需要注意的地方$(document).ready 取代了TB_init() 函数,作用是在每个包含对象名“thickbox”的链接上附加一个onClick事件。function TB_in...
2013-03-14 22:42:57
100
原创 jQuery入门教程-15 Days of jQuery(Day 11) --- 使用不苛刻的javascript代码实现多文件上传...
[i]转载自网络[/i]好几个月以前,当我在追逐互联网上AJAX热潮的时候,我在 FiftyFourEleven网站上发现了一篇使用创新的javascript代码实现当时正在困扰我的“ 单文件元素实现多文件上传”的文章。所以当我想写作《15天漫游jQuery》的时候,我第一个想到的就是用jQuery实现这个功能。接触易用性狂热爱好者几天前当我检查网站记录的时候,发现了一...
2013-03-14 22:42:53
104
原创 jQuery入门教程-15 Days of jQuery(Day 10) --- 使用jQuery Javascript 库实现“即点即改”的AJAX化...
[i]转载自网络[/i]以前我在Quirksmode网站见过这种代码,后来又在24 Ways网站看到了一个更具Web 2.0风格的方案。这次我将为大家展示两种使用jQuery实现相同功能(甚至更好)的方法。目标一个用AJAX(或AHAH)技术设计的页面,访问者无需离开就可以在看到的(x)HTML 页面上编辑内容。方案点击需要编辑的文本,变幻出一个带有保存和取消按...
2013-03-14 22:42:50
74
原创 jQuery入门教程-15 Days of jQuery(Day 9) --- 快速和略显粗劣的AJAX视频教程
[i]转载自网络[/i]今天我的想法有点改变。近段时间以来我一直考虑注册一个YouTube帐号来上传一些教程录像,现在我终于做出了决定并上传了一个。在这里我将手把手的向大家演示为你的网站添加一些AJAX基本应用的方法。录像很短,因为YouTube对上传影片的长度有限制(10分钟以内)。当然由于制作仓促,错误在所难免。比如在某个地方我称CGI为“服务器端脚本”,而更准确的说法应该是“服务...
2013-03-13 12:11:43
81
原创 jQuery入门教程-15 Days of jQuery(Day 8) --- 使用Javascript(jQuery)实现圆角边框
[i]转载自网络[/i]当我看到这些实现圆角边框的HTML源代码的时候,我发现这很适合用来写一篇jQuery教程–使用wrap()、prepend()、append() 函数。这里是原先的HTML代码,我们将从这里开始:现在我们怎么使用jQuery来精简这段代码呢?首先,我们需要一个“钩子”,一个特殊的HT...
2013-03-13 12:11:36
168
原创 jQuery入门教程-15 Days of jQuery(Day 7) --- 样式表切换
[i]转载自网络[/i]我第一次看到样式表切换器是在A List Apart或者Simple Bits,那是两个设计师最应该去的网站。从那以后,我找到了很多可以让访客通过鼠标点击某个地方切换样式表的方法。但最近我要写一篇如何 使用jQuery编写简单代码实现它的教程。我将向你们逐步解说整个的过程,不仅仅因为要展示jQuery代码的简介,同时也要揭示jQuery库中的若干高级特性...
2013-03-13 12:11:31
76
原创 jQuery入门教程-15 Days of jQuery(Day 6) --- 更安全的Contact Forms,不带CAPTCHA
[i]转载自网络[/i]这次的教程内容贴近我擅长的技术方向:安全的contact forms。就像我在前一篇教程中提到的那样,一个最普通的contact forms可以帮助访客同你进行通信来往而不需要暴露你的电子邮件地址给那些可恶的垃圾邮件制造者们。但如果spammer们已经盯上你,没有什么比一个不安全的contact foms更糟糕的了。想象一下你的网络空间提供商发给你一封措...
2013-03-13 12:11:28
108
原创 jQuery入门教程-15 Days of jQuery(Day 5)--懒人用Jquery生成的HTML
[i]转载自网络[/i]这个让我们轻松的纪念日已经到来–我恨我在计算机前已经花了48个小时,我希望能够有另外一个jQuery来结束我的噩梦,并且让我上网更快。当我一边“在用Jquery方法编写”和一边“进行复杂的文件上传”,我已经筋疲力尽。然而这两种操作的代码是一种较浅的,它只不过是你才刚刚开始解决的一些简单问题。所以下来我开始介绍:尽管我在我的网站用所有的CS...
2013-03-13 12:11:24
107
原创 jQuery入门教程-15 Days of jQuery(Day 4)---安全邮件列表
[i]转载自网络[/i]规则提到如何防止垃圾邮件:不要把你的邮件地址放到任何一个mailto:链接中. 在与垃圾邮件恶魔做斗争的过程中我们的网页设计师和程序员总结出了一些有创意的解决办法,让我们快速的看一些这些常见方法的缺点(或多或少有一些).name [at-no-spam] website.com问题:链接式的更方便,而且把邮件地址敲入收件人栏还有可能会出错....
2013-03-12 22:28:21
152
原创 jQuery入门教程-15 Days of jQuery(Day 3)-巧妙的伪装链接
[i]转载自网络[/i]今天的教程是草草完成的.我想把一些东西放在这15天的前面简单的讲讲,这样以来就可以使一些js新手不至于被一堆代码搞的晕头转向.事实上我是在即将结尾的时候才做出的这个决定.目标我们要使用jQuery去创建一小段代码,这段代码会把一个页面所有的超链接转换并且伪装起来.为什么?一些下属经销商认为,一部分用户有足够的悟性发现会员链接,并能...
2013-03-12 22:05:45
135
原创 jQuery入门教程-15 Days of jQuery(Day 2)-很容易的制作双色表格
[i]转载自网络[/i]这节本身没有太多的价值,重点在它提供的这个例子上。我将代码帖出来然后对重点部分注释一下:我们先来看看Thewatchmakerproject传统的做法:预览地址(你可以查看一下源代码)。再来看看jQuery是如何用5行代码来搞定的:[code="java"]StripingTable$(document).ready(functi...
2013-03-12 22:03:31
109
原创 jQuery入门教程-15 Days of jQuery(Day 1)-比window.onload更快一些的载入
[i]转载自网络[/i]window.onload()是传统javascript里一个能吃苦耐劳的家伙。它长久以来一直被程序员们作为尽快解决客户端页面载入问题的捷径。但有时候等待页面载入还是不够快。只有少数大型的图片文件会被快速的载入,而大部分大型的图片文件会使window.onload()载入的很慢。所以当我为最近的网络营销创建一个web应用程序的时候我不得希望更快一点。有一...
2013-03-12 22:01:51
106
原创 jQuery入门教程-15 Days of jQuery(Day 0)-JQuery - What, Why, When, Where, Who
[i]转载自网络[/i]whatjQuery是一个了不起的javascript库,它可以是我们用很少的几句代码就可以创建出漂亮的页面效果。从网站的方面说,这使得javascript更加有趣。如果你这样想:“孩子,我需要另外一个javascript库,就好比我I need another hole in my head”那么加入这个俱乐部吧。这正是我第一次遇到的时候所想的。...
2013-03-12 21:58:38
123
原创 maven-antrun找不到包org.apache.ant:ant:1.8.2.jar
[quote]Execution default-cli of goal org.ae.maven.plugins:maven-antrun-plugin:1.7:run failed: Plugin org.apache.maven.ins:maven-antrun-plugin:1.7 or one of its dependencies could not be resolved...
2013-02-03 01:50:44
1058
原创 DB2的VALUE函数
VALUE函数 语法:VALUE(EXPRESSION1,EXPRESSION2) VALUE函数是用返回一个非空的值,当其第一个参数非空,直接返回该参数的值,如果第一个参数为空,则返回第一个参数的值。 [quote]SELECT VALUE(ID,'') FROM T1 表示如果T1.ID为空,则返回空串,如果T1.ID不为空,则返回T1.ID。 [/...
2013-02-02 22:08:14
1601
原创 maven执行报错resolution will not be reattempted until the update interval of nexus h
maven在执行过程中抛错:[quote]... was cached in the local repository, resolution will not be reattempted until the update interval of nexus has elapsed or updates are forced -> [Help 1][/quote]原因就是有些jar包没有...
2013-02-02 21:53:39
3750
原创 MySQL中的float和decimal类型
[i]来自网络[/i]float,double容易产生误差,对精确度要求比较高时,建议使用decimal来存,decimal在mysql内存是以字符串存储的,用于定义货币要求精确度高的数据。在数据迁移中,float(M,D)是非标准定义,最好不要这样使用。M为精度,D为标度。[quote]mysql> create table t1(c1 float(10,2), c3 dec...
2013-02-02 12:37:04
591
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人