最近自己封装了一些JS通用组件,思路也是根据ExtJS来的,发出一些出来分享一下:
[img]
[/img]
编写代码如下:
/**
* 初始化面板
*/
var panel1 = new Panel({
width :200, //设置宽度
height :200, //设置高度
title : "趋势分析图(总趋势)", //设置标题
style : "color: red; ", //样式
html : '一直想对Javascript再次做一些总结,正好最近自己写了一个小型Js UI库,总结了一下Js的继承机制,在网上也看了一些前辈们博客里的总结,感觉分析不是特别全面', //内容
renderTo : 'panelDiv1' //渲染到指定节点中
});
/**
* 初始化面板
*/
var panel2 = new Panel({
width :485, //设置宽度
height :400, //设置高度
title : "月汇总", //设置标题
html : "<iframe height='390' width='465' src='http://www.baidu.com'></iframe>",
renderTo : 'panelDiv2' //渲染到指定节点中
});
同时支持tbar工具栏
- 大小: 18.2 KB
分享到:
相关推荐
C# 高清打印,GC内部绘制,区域面板Panel打印,打印不失真
两个方法鼠标拖动改变面板panel大小,可限定面板的最小值和最大值
本主题聚焦于“panel面板的隐藏与收缩”技术,我们将探讨如何在Windows和QQ风格的界面中实现这一功能。 首先,让我们从基本的`Panel`组件开始。在.NET框架的Windows Forms或WPF中,`Panel`是一个容器控件,可以容纳...
1Panel 是一个现代化、开源的 Linux 服务器运维管理面板。1Panel 的功能和优势包括:快速建站:深度集成 Wordpress 和 Halo,域名绑定、SSL 证书配置等一键搞定。高效管理:通过 Web 端轻松管理 Linux 服务器,包括...
LobiPanel是一款基于jQuery UI的Bootstrap Panel面板功能增强插件。通过该插件可以为Bootstrap的原生Panel面板增加编辑标题,最大化,最小化,面板拖动关闭面板等功能
Stat Panel设计的主要目的是为了显示单一指标的统计信息,与Singlestat Panel类似,但Stat Panel支持在同一面板上展示多个值,提高了数据可视化的效率。 Stat Panel的关键配置选项包括: 1. **Calculation(计算)...
2. **推移面板(Push panel)**:在内容下方平滑推移出来,内容会随之移动。 3. **覆盖面板(Reveal panel)**:从内容上方覆盖下来,内容保持不变。 ### 2. 创建面板 创建面板首先需要一个容器元素,如`<div>`,并...
本文将深入讲解如何在Java程序中卸载JPanel面板,以及相关的重要知识点。 首先,理解JPanel的基本概念。JPanel是JComponent的子类,提供了容器的功能,可以容纳其他的Swing组件,如按钮、文本框等。在Java Swing中...
"AxureRP7.0教程 第三章 3.1 动态面板基础 Dynamic Panel Basic" 动态面板(Dynamic Panel)是AxureRP7.0中的一种强大工具,允许用户在原型设计中创建交互式的界面。动态面板可以隐藏、显示和移动,并且可以动态...
Grafana_Status_panel, 一次,Grafana的面板插件可以监控多个参数 Grafana状态面板这是一个插件,用来作为组件状态的集中视图。 它非常类似于单状态面板,但是它可以保存来自同一数据源的多个值。 每个值都可以用于...
LobiPanel是一款基于jQuery UI的Bootstrap Panel面板功能增强插件。通过该插件可以为Bootstrap的原生Panel面板增加编辑标题,最大化,最小化,面板拖动关闭面板等功能。
"admin panel",即后台管理面板,是网站或应用程序的核心组成部分,主要负责处理系统的管理和维护工作。它通常只对授权用户开放,用于监控、配置、更新以及管理网站内容和服务。以下是一些关于后台管理面板的重要...
在Windows Forms应用中,Panel控件是一个非常基础的元素,它允许我们组织和管理其他控件。然而,系统默认的Panel控件并没有提供设置圆角的功能。为了实现圆角效果,我们需要自定义控件。本篇文章将深入探讨如何在C#...
EXT dojochina 面板示例Ext.Panel.rar EXT dojochina 面板示例Ext.Panel.rar
NVIDIA Control Panel是一款由NVIDIA...总的来说,NVIDIA Control Panel离线包是一个解决驱动安装后缺失控制面板问题的重要工具,它使得用户无需通过网络即可获得完整的显卡管理功能,从而充分利用NVIDIA显卡的潜力。
**动态面板状态(Dynamic Panel States)** 一个动态面板可以拥有一个或多个状态,每个状态都可以包含不同的部件。通过切换状态,你可以模拟各种交互效果,例如弹出窗口、标签页切换、滑动菜单等。动态面板的状态在...
在C# WinForm开发中,Panel控件是一个非常实用的组件,它允许开发者在其中添加其他控件并对其进行布局管理。本主题将深入探讨“C# WinForm Panel流式布局”,以及如何实现Panel块的自动排列。这个设计模式通常用于...
在Panel上添加button,可以通过面板设计工具箱中的“Button”控件拖放到设计区域。你可以调整button的大小、位置、文字内容和图标。CANAPE支持自定义图标,使得UI更具视觉吸引力。此外,每个button还可以通过属性...
在C#编程中,开发GUI(图形用户界面)应用程序时,我们经常需要在主窗体上展示多个子窗体或面板。Panel控件是Windows Forms中一个非常实用的组件,它可以作为一个容器,用来承载其他的控件。在这个场景下,我们将...
新建亮度通道蒙版,并且支持对通道查看 删除高亮通道蒙版、新建高光区域通道蒙版 删除高光区域通道蒙版、新建暗部区域通道蒙版 删除暗部区域通道蒙版、新建中间调区域通道蒙版 删除之间调区域通道蒙版、加深、减淡50...