`

面板panel介绍

阅读更多

面板由5部分组成一个顶部工具栏(tbar)、一个底部工具栏(bbar)、面板头部(header)、面板尾部(button)和主区域(body)

<HTML>
<HEAD>
	<TITLE>使用EXT输出HelloWorld</TITLE>
	<!-- 导入extjs配置 … ... -->
	<link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all.css"/>
	<script type="text/javascript" src="./../ext/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="./../ext/ext-all.js"></script>
	<script type="text/javascript">
		Ext.onReady(function(){
			Ext.BLANK_IMAGE_URL='./../ext/resources/images/default/s.gif';
			var _panel = new Ext.Panel({
				width: 500,
				height: 400,
				collapsible:true,//折叠
				tools:[{id:'save',handler:function(){alert("save");}},{id:'print',handler:function(){window.print();}},{id:'refresh'}],
				tbar:[{text: '保存'},"-",{text: '关闭'}],
				bbar:[{text: '添加内容',handler:function(){
					//_panel.add({id:'panel2', title: '面板二'});
					//_panel.doLayout();
					var p = _panel.getComponent(2);
					alert(p.title);
				}},{text: '删除内容',handler:function(){
					_panel.remove("panel2");
				}}],
				title: '我的面板',
				buttons:[{text:'确定'},{text: '取消'}],
				buttonAlign: 'center',
				//html: "<h1>这是面板的body区域</h1>",
				//autoLoad: 'new.html'
				items:[
					new Ext.Button({text: '按钮一'}),{xtype: "button",text: '按钮二'},
					{id:'panel3', title: '面板三',height: 200,bodyBody:false,border:true}
				]
			});
			_panel.render("form");
		});
	</script>
</HEAD>
<body id="form">
</body>
</HTML>
 
分享到:
评论

相关推荐

    C# 高清打印,GC内部绘制,区域面板Panel打印

    C# 高清打印,GC内部绘制,区域面板Panel打印,打印不失真

    鼠标拖动改变面板panel大小,可限定最小值和最大值

    两个方法鼠标拖动改变面板panel大小,可限定面板的最小值和最大值

    panel面板的隐藏与收缩

    本主题聚焦于“panel面板的隐藏与收缩”技术,我们将探讨如何在Windows和QQ风格的界面中实现这一功能。 首先,让我们从基本的`Panel`组件开始。在.NET框架的Windows Forms或WPF中,`Panel`是一个容器控件,可以容纳...

    Bootstrap Panel面板功能增强插件

    LobiPanel是一款基于jQuery UI的Bootstrap Panel面板功能增强插件。通过该插件可以为Bootstrap的原生Panel面板增加编辑标题,最大化,最小化,面板拖动关闭面板等功能

    1Panel 是一个现代化、开源的 Linux 服务器运维管理面板

    1Panel 是一个现代化、开源的 Linux 服务器运维管理面板。1Panel 的功能和优势包括:快速建站:深度集成 Wordpress 和 Halo,域名绑定、SSL 证书配置等一键搞定。高效管理:通过 Web 端轻松管理 Linux 服务器,包括...

    基于jQuery UI的Bootstrap Panel面板功能增强插件

    LobiPanel是一款基于jQuery UI的Bootstrap Panel面板功能增强插件。通过该插件可以为Bootstrap的原生Panel面板增加编辑标题,最大化,最小化,面板拖动关闭面板等功能。

    admin panel 后台管理面板

    "admin panel",即后台管理面板,是网站或应用程序的核心组成部分,主要负责处理系统的管理和维护工作。它通常只对授权用户开放,用于监控、配置、更新以及管理网站内容和服务。以下是一些关于后台管理面板的重要...

    第九讲Jquery.Mobile.面板(panel)详解

    在本讲中,我们将深入探讨jQuery Mobile中的一个重要组件——面板(Panel)。jQuery Mobile是一个轻量级、触控优化的框架,用于构建响应式移动Web应用。面板是jQuery Mobile提供的一种可滑动或折叠的区域,通常用作...

    axureRP7.0教程 第三章 3.1 动态面板基础 Dynamic Panel Basic

    "AxureRP7.0教程 第三章 3.1 动态面板基础 Dynamic Panel Basic" 动态面板(Dynamic Panel)是AxureRP7.0中的一种强大工具,允许用户在原型设计中创建交互式的界面。动态面板可以隐藏、显示和移动,并且可以动态...

    如何卸载JPanel面板

    本文将深入讲解如何在Java程序中卸载JPanel面板,以及相关的重要知识点。 首先,理解JPanel的基本概念。JPanel是JComponent的子类,提供了容器的功能,可以容纳其他的Swing组件,如按钮、文本框等。在Java Swing中...

    EXT dojochina 面板示例Ext.Panel.rar

    EXT dojochina 面板示例Ext.Panel.rar EXT dojochina 面板示例Ext.Panel.rar

    Grafana_Status_panel, 一次,Grafana的面板插件可以监控多个参数.zip

    Grafana_Status_panel, 一次,Grafana的面板插件可以监控多个参数 Grafana状态面板这是一个插件,用来作为组件状态的集中视图。 它非常类似于单状态面板,但是它可以保存来自同一数据源的多个值。 每个值都可以用于...

    Axure7.0教程部件详解 Dynamic panel 动态面板

    **动态面板状态(Dynamic Panel States)** 一个动态面板可以拥有一个或多个状态,每个状态都可以包含不同的部件。通过切换状态,你可以模拟各种交互效果,例如弹出窗口、标签页切换、滑动菜单等。动态面板的状态在...

    c#自定义圆角panel

    在Windows Forms应用中,Panel控件是一个非常基础的元素,它允许我们组织和管理其他控件。然而,系统默认的Panel控件并没有提供设置圆角的功能。为了实现圆角效果,我们需要自定义控件。本篇文章将深入探讨如何在C#...

    Easy Panel是一款功能相当强大的一键高光控制调整面板

    新建亮度通道蒙版,并且支持对通道查看 删除高亮通道蒙版、新建高光区域通道蒙版 删除高光区域通道蒙版、新建暗部区域通道蒙版 删除暗部区域通道蒙版、新建中间调区域通道蒙版 删除之间调区域通道蒙版、加深、减淡50...

    第9章 Panel(面板)组件1

    下面将详细介绍Panel组件的加载方式、属性列表、事件列表和方法列表。 一、加载方式 Panel组件可以通过两种方式加载:class加载方式和JS加载方式。 1. Class加载方式:在HTML标签中添加easyui-panel类,并设置...

    操作系统 面板 文本资源panel

    操作系统 面板

    博客配套代码(panel)

    通过以上介绍,我们了解了jQuery Easy UI面板布局的基本使用和特性。在实际开发中,结合具体的业务需求,我们可以灵活运用这些知识点,构建出高效、美观的Web界面。在提供的"panel代码"中,你可以找到更多关于如何在...

    NVIDIAControlPanel控制面板离线包

    NVIDIA Control Panel是一款由NVIDIA...总的来说,NVIDIA Control Panel离线包是一个解决驱动安装后缺失控制面板问题的重要工具,它使得用户无需通过网络即可获得完整的显卡管理功能,从而充分利用NVIDIA显卡的潜力。

    c# winform panel 流式布局 panel块可自动排列

    在C# WinForm开发中,Panel控件是一个非常实用的组件,它允许开发者在其中添加其他控件并对其进行布局管理。本主题将深入探讨“C# WinForm Panel流式布局”,以及如何实现Panel块的自动排列。这个设计模式通常用于...

Global site tag (gtag.js) - Google Analytics