`
aa00aa00
  • 浏览: 331477 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
文章分类
社区版块
存档分类
最新评论

extjs 之Ext.Panle Ext.TabPanel Ext.Viewport

EXTJavaScriptCSSHTML 
阅读更多

<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext-all.js"></script>
<script type="text/javascript" src="../examples.js"></script>
<script language="javascript">

function panel(){
var panel=new Ext.Panel({
renderTo:'panel',
title:'面板的头部',
width:400,
height:200,
html:'<h1>面板的主显示区域..可包含任何html代码</h1>',
tbar:[{text:'顶部工具栏按钮'}],
bbar:[{text:'底部工具栏'}],
buttons:[
{
text:'面板底部按钮',
handler:function()
{
Ext.Msg.alert('提示','面板底部按钮的事件！');
}
}
]
});
}
</script>
</head>
<body>
<input type="button" onclick="panel()" value="显示面板">
<hr/>
<div id="panel"></div>
</body>
</html>

 

大家共同学习,部署的步骤和helloworld,一样!!

分享到：
| extjs 之Border区域布局
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中，`Ext.Panel`和`TreePanel`是两个非常重要的组件，它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据，以提升用户体验并实现灵活的数据...

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中，`Ext.ux.form.LovCombo`是一种自定义组件，它扩展了基本的`Ext.form.field.ComboBox`，提供了更丰富的功能，尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”（即“Look Up Value”...

    ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页

    除了Ext.Panel，ExtJs还提供了其他两个非常有用的组件，即Ext.TabPanel和Ext.Viewport。Ext.TabPanel允许我们在面板内创建选项卡式的界面，每个选项卡可以作为一个容器，加载不同的内容。这种布局方式对于内容分组和...

    EXTJS3 Ext.PagingToolbar() 快捷键应用

    在EXTJS3中，`Ext.PagingToolbar()` 是一个非常重要的组件，用于在大量数据的网格或视图中实现分页功能。这个组件允许用户轻松地浏览和操作大量的记录，而不需要一次性加载所有数据，从而提高了应用程序的性能和用户...

    Ext.tree.TreeLoader附带封装的json类

    在本文中，我们将深入探讨`Ext.tree.TreeLoader`与JSON数据在Ext JS框架中的应用。`Ext.tree.TreeLoader`是Ext JS库中的一个组件，它负责加载和解析树形结构的数据，而JSON（JavaScript Object Notation）则是一种轻...

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    ExtJs提供了Ext.Ajax.request方法来进行Ajax请求，但默认情况下，该方法不支持waitMsg属性，不像fp.form.submit方法提供了waitTitle和waitMsg属性来实现等待提示。为了解决这一限制，我们可以采用Ext.MessageBox的...

    ExtJS ToolTip功能

    ### ExtJS ToolTip功能 #### 知识点详解 在ExtJS中，`ToolTip`功能是一种非常实用且灵活的功能，它允许用户在鼠标悬停在某个元素上时显示额外的信息。这种特性对于提高用户界面的可用性和用户体验尤其有用。本文将...

    ExtJS-3.4.0系列：Ext.TabPanel

    在本文中，我们将深入探讨ExtJS中的`Ext.TabPanel`组件，它是创建多标签界面的核心元素。`Ext.TabPanel`允许开发者在单个容器中组织多个面板或视图，每个面板都有自己的标题，并且可以通过标签页进行切换。让我们...

    Extjs 继承Ext.data.Store不起作用原因分析及解决

    关于这个原因有很多种，我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....

    extjs4.2.1 tabPanel刷新及关闭标签

    ### ExtJS 4.2.1 TabPanel 刷新与关闭标签功能详解 #### TabPanel 组件简介 在ExtJS框架中，`TabPanel`组件是一个非常实用且强大的UI控件，它允许用户在一个界面上组织多个相关的视图或面板，并通过标签页的形式...

    Extjs4.X下comboboxTree下拉树型菜单，完美支持多选、单选，绝对好用

    在ExtJS 4.x框架中，ComboboxTree是一种特殊的组件，它将传统的下拉框与树形结构结合在一起，提供了一种更为灵活的用户输入方式。这种组件在数据选择上非常实用，尤其当数据层级关系复杂时，可以方便地进行多选或...

    Ext.Ajax.request2.x实现同步请求

    在EXTJS库中，`Ext.Ajax.request`是用于发送Ajax请求的核心方法，它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求，并探讨其背后的原理和注意事项。 首先，我们需要理解Ajax的本质，...

    Ext Extjs 禁止文本和日期编辑

    在Ext JS这个强大的JavaScript框架中，开发者经常使用各种组件来构建富客户端应用，其中包括TextField（文本字段）和DatePicker（日期选择器）。有时，我们可能需要根据应用需求在运行时禁用这些组件的编辑功能，...

    Ext.ux.UploadDialog.zip

    这个"Ext.ux.UploadDialog.zip"压缩包包含了EXTjs的UploadDialog组件，方便开发者在自己的项目中直接使用。 UploadDialog组件的核心功能是提供一个用户友好的界面，让用户能够选择并上传文件到服务器。这个组件通常...

    Ext.get与Ext.fly 的区别

    在EXTJS这个强大的JavaScript框架中，`Ext.get`和`Ext.fly`是两个非常重要的方法，它们都用于操作DOM元素，但它们之间存在着微妙的差异。了解这些差异对于优化代码性能和理解EXTJS的工作机制至关重要。 首先，`Ext....

    Ext.data.Store的基本用法

    `Ext.data.Store`是ExtJS框架中用于管理数据的核心组件之一。它主要负责数据的存储、加载、更新等操作，并且提供了多种方法来方便地处理这些数据。本文将详细介绍`Ext.data.Store`的基本用法。 #### 二、创建Ext....

    Ext.Ajax.request跨域

    标题"Ext.Ajax.request跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式，它允许开发者向服务器发送异步HTTP请求。然而，由于浏览器的同源策略...

    Ext JS Notification 插件

    Ext JS 是一个强大的JavaScript应用程序框架，它提供了丰富的用户界面组件和功能，用于构建富客户端Web应用。在Ext JS中，“Notification”插件是用于显示通知消息的一个组件，它可以帮助开发者在用户界面上创建吸引...

    Ext.ux.SwfUploadPanel.js

    Ext.container.Viewport.add(uploadPanel); ``` 总的来说，`Ext.ux.SwfUploadPanel.js`是一个强大而灵活的文件上传解决方案，它结合了ExtJS的组件化和SwfUpload的高级上传功能，使得在Web应用中实现多文件上传变得...

Magicbox
Global site tag (gtag.js) - Google Analytics