博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2009年7月20日

摘要: ExtJS之面向对象编程基本知识 1:支持命名空间 其中 Ext.wentao.helloworld = Ext.emptyFn; 等价于 Ext.wentao.helloworld = function(){}; 2:支持类实例属性 3:支持类实例方法 4:支持类静态方法 5:支持构造方法 6:... 阅读全文

posted @ 2009-07-20 22:21 linFen 阅读(635) 评论(0) 推荐(1) 编辑

摘要: 声明:本文案例讲解摘自资料,部分资料收集自他人博客。 通过此文能学习到如下内容 1.创建一个简单的面板 Ext.Panel 2.制作一个可以拖动的面板 Ext.Panel 3 .使用选项卡面板 3.使用Ext.Viewport搭一个简单布局(用一个小例子来总结本文所有内容) 面板是ExtJs控件的基础,很多控件都是在面板的基础上扩展的,... 阅读全文

posted @ 2009-07-20 21:42 linFen 阅读(4992) 评论(0) 推荐(0) 编辑

摘要: window组件,它继承自panel。先介绍个最简单例子 //html代码 //js代码var w=new Ext.Window({ contentEl:"win",//主体显示的html元素,也可以写为el:"win" width:300, height:200, title:"标题" ... 阅读全文

posted @ 2009-07-20 21:40 linFen 阅读(7180) 评论(0) 推荐(1) 编辑

摘要: 今天介绍extjs中的Panel组件。 //html代码 //js代码var p = new Ext.Panel({ title: 'My Panel',//标题 collapsible:true,//右上角上的那个收缩按钮,设为false则不显示 renderTo: 'container',//这个panel显示在html中id为contain... 阅读全文

posted @ 2009-07-20 21:24 linFen 阅读(5586) 评论(0) 推荐(0) 编辑

摘要: 上节介绍了ExtJS面板的主要表现形式,接下来将介绍面板组件的主要配置项及常用方法,这些配置项及方法将在后面的示例中用到,可以把这部分内容作为后续章节的铺垫,进行快速的浏览,Ext.Panel主要配置项目如表5-1所示。 表5-1 Ext.Panel主要配置项目表表 配置项 参数类型 说明 animCollapse Boolean 设置面板折叠或展开时是否显示动画效果,如... 阅读全文

posted @ 2009-07-20 21:10 linFen 阅读(8847) 评论(0) 推荐(1) 编辑

摘要: Ext类addBehaviors( Object obj ) : void对选择的元素 应用事件侦听器,事件名以@附加在结尾,例如addBehaviors({ // id=foo下所有的a标签加入click事件 '#foo a@click' : function(e, t){ // do something }, // 用,分隔多个选择器 '#foo a, #bar... 阅读全文

posted @ 2009-07-20 21:08 linFen 阅读(1090) 评论(0) 推荐(0) 编辑