`
ttitfly
  • 浏览: 623935 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Extjs2.0常用备忘

阅读更多
继承关系:Component--->BoxComponent---->Container----->Panel---各种具体Panel

1.MessageBox
Ext.MessageBox.alert("ok");


   Ext.Msg.show({
	   title:'Save Changes?',
	   msg: 'You are closing a tab that has unsaved changes. Would you like to save your changes?',
	   //值只能为MessageBox里Public Properties中的Button config
	   buttons: Ext.Msg.YESNOCANCEL,
	   //fn为回调
//	   fn: processResult,
	   animEl: 'elId',
	   //值只能为:值只能为MessageBox里Public Properties中的The CSS class
	   icon: Ext.MessageBox.WARNING
	});


2.布局处理Viewport
  	  var viewport = new Ext.Viewport({
  	     id:'desk',
  	     layout:'border',
  	     items:[{region:'north',height:50},{region:'west',width:200},{region:'center'}]
  	    }	
  	  		
  	  );


3.Panel
  	var panel = new Ext.Panel({
//  	        renderTo:'hello'可以替换掉panel.render("hello");
  	    id:'hello',
  	    title:'panlehell',
  	    width:200,
  	    height:200
  		
  	});
  	panel.render("hello");



4.TabPanel
 var tabPanel = new Ext.TabPanel({
    	    renderTo:'hello',
    	    activeTab: 0,
    		width:200,
    		height:200,
    		items:[
    		{title:'hello1',html:'hello1 content!'},//默认是Panel
    		new Ext.Panel({title:'hello2',html:'hello2 content'}),
    		new Ext.tree.TreePanel(  {title:'树面板',loader:new Ext.tree.TreeLoader(),root:new Ext.tree.AsyncTreeNode( {text:'根节点',children:[ { leaf:true,text:'叶子1' }, { leaf:true,text:'叶子2' } ]  } )  }  ),
    		  {xtype:'treepanel',title:'树面板',loader:new Ext.tree.TreeLoader(),root:new Ext.tree.AsyncTreeNode( {text:'根节点',children:[ { leaf:true,text:'叶子1' }, { leaf:true,text:'叶子2' } ]  } )  }  
    		]
    	}
    );

分享到:
评论

相关推荐

    ExtJs2.0学习系列

    ExtJS是一种基于JavaScript的开源富客户端框架,特别适用于构建企业级的Web应用程序。...文档《ExtJs2.0学习系列.doc》应包含了关于这些主题的详细教程和示例,是学习ExtJS 2.0不可或缺的参考资料。

    extJs2.0 中文手册

    由于无法直接查看图像内容,我将基于标题、描述和标签的内容,为您提供关于ExtJs2.0中文手册的知识点概述。 ExtJs是一个强大的JavaScript框架,用于创建富互联网应用(RIA)。它提供了一套丰富的组件和工具来构建...

    资料:包括extjs2.0源码

    EXTJS 2.0是Sencha公司开发的一款用于构建富客户端Web应用的JavaScript库,它在Web开发领域具有广泛的应用。EXTJS的核心特性包括组件化、数据绑定、强大的表格和图表功能、丰富的用户界面组件以及对Ajax技术的深度...

    Extjs2.0 智能提示

    在ExtJS 2.0版本中,智能提示(Intelligent Hinting)是一项关键特性,它增强了开发人员的编码体验,提高了开发效率。智能提示功能提供了自动补全、代码提示以及类库方法和属性的快速参考,使得编写ExtJS代码更为...

    ExtJS2.0简明教程

    ExtJS 是一个很不错的Ajax 框架,可以用来开发带有华丽外观的富客户端应用,ExtJS 是一个用javascript 编写,与后台技术无关的前端ajax 框架...本教程主要是针对ExtJS2.0 进行介绍,全部代码、截图等都是基于ExtJS2.0。

    ajax框架之extjs2.0

    ExtJS 2.0是一个基于JavaScript的开源AJAX框架,专为构建富互联网应用程序(RIA)而设计。它提供了一套完整的组件模型、数据绑定机制、丰富的用户界面控件和强大的API,使得开发者能够轻松创建功能强大且交互性强的...

    ExtJS2.0.rar_extjs2.0

    这个"ExtJS2.0.rar"压缩包包含了关于如何使用ExtJS 2.0的资源,特别是"ExtJS2.0实用简明教程.chm",这是一份详细的指导文档,可以帮助开发者快速掌握该框架的核心概念和技术。 ExtJS 2.0的主要特点包括: 1. **...

    ExtJS2.0及API文档和实用开发指南

    在本资源包中,我们重点关注的是ExtJS的2.0版本及其相关的API文档和实用开发指南,这对于初学者理解并掌握这个框架至关重要。 首先,ExtJS 2.0是该框架的一个早期版本,虽然现在已经有了更新的版本,但每个版本都有...

    ExtJS2.0实用简明教程

    最近我们在几个应用都使用到了ExtJS,对公司以前开发的一个OA系统也正在使用ExtJS2.0进行改造,使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习ExtJS的一些心得及小结,希望能帮助正在学习...

    用EXTJS2.0做的派出所网站及后台管理

    EXTJS2.0是一款强大的JavaScript框架,主要用于构建富客户端应用程序,尤其在企业级Web应用的前端界面设计上表现卓越。这个项目是利用EXTJS2.0来开发的一个派出所的网站和后台管理系统,它展示了EXTJS在实现高效、...

    extjs2.0 下拉列

    ExtJS 2.0 是一个基于 JavaScript 的前端框架,用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括各种用户界面元素,如表格、窗口、菜单和表单控件等。在本例中,我们将重点讨论如何在 ExtJS 2.0 中实现...

    ExtJS2.0中文API珍藏版(Include Adobe Air)

    这个"ExtJS2.0中文API珍藏版"提供了一套完整的文档,使开发者能够更方便地理解和使用ExtJS 2.0版本的功能。API(Application Programming Interface)是软件开发中的一个重要概念,它定义了开发者如何与库或框架进行...

    EXTJS 2.0 完整官方范例

    EXTJS 2.0的官方范例,离线html格式!

    Ext2 核心 API 中文详解 ExtJS2.0实用简明教程 ExtJS2.0教程 ExtJS2.0实用简明教程(easyjf) ext中文API+ sample

    本教程主要聚焦于ExtJS 2.0版本的核心API,帮助开发者深入理解和运用这个框架。 **一、ExtJS基本概念** 1. **组件(Components)**: ExtJS的核心是其组件系统,包括按钮、表格、面板、窗口等,这些组件构建了整个...

    ExtJS2.0实用简明教程和api

    ExtJS2.0实用简明教程和ExtJSapi

    ExtJS2.0实用简明教程.rar

    ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程ExtJS2.0实用简明教程

    ExtJs2.0学习系列.CHM

    关于ext学习的资料,有些例子 ExtJs2.0学习系列.CHM

    extjs2.0 使用简明教程之窗口分组

    extjs2.0 使用简明教程之窗口分组,实现分组窗体

    《ExtJS2.0实用简明教程》之应用ExtJS详细介绍

    《ExtJS2.0实用简明教程》之应用ExtJS详细介绍

    extjs2.0(包含17套主题皮肤)

    EXTJS 2.0 是一个历史悠久的JavaScript框架,由Sencha公司开发,它以其强大的组件化、可定制性和丰富的用户界面而闻名。这个版本包含了17套不同的主题皮肤,为开发者提供了更多的选择来满足不同项目的需求,使得应用...

Global site tag (gtag.js) - Google Analytics