`
zhzhy86
  • 浏览: 18365 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
社区版块
存档分类
最新评论

WideJS 之 面板Panel

阅读更多
最近自己封装了一些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打印

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

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

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

    panel面板的隐藏与收缩

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

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

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

    Bootstrap Panel面板功能增强插件

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

    Grafana之Stat Panel使用(第九篇) · 语雀1

    Stat Panel设计的主要目的是为了显示单一指标的统计信息,与Singlestat Panel类似,但Stat Panel支持在同一面板上展示多个值,提高了数据可视化的效率。 Stat Panel的关键配置选项包括: 1. **Calculation(计算)...

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

    2. **推移面板(Push panel)**:在内容下方平滑推移出来,内容会随之移动。 3. **覆盖面板(Reveal panel)**:从内容上方覆盖下来,内容保持不变。 ### 2. 创建面板 创建面板首先需要一个容器元素,如`&lt;div&gt;`,并...

    如何卸载JPanel面板

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

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

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

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

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

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

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

    admin panel 后台管理面板

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

    c#自定义圆角panel

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

    EXT dojochina 面板示例Ext.Panel.rar

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

    NVIDIAControlPanel控制面板离线包

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

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

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

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

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

    基于CANAPE的Panel设计(一)--button

    在Panel上添加button,可以通过面板设计工具箱中的“Button”控件拖放到设计区域。你可以调整button的大小、位置、文字内容和图标。CANAPE支持自定义图标,使得UI更具视觉吸引力。此外,每个button还可以通过属性...

    C#中主窗体Panel中加载其他多个窗体Panel控件

    在C#编程中,开发GUI(图形用户界面)应用程序时,我们经常需要在主窗体上展示多个子窗体或面板。Panel控件是Windows Forms中一个非常实用的组件,它可以作为一个容器,用来承载其他的控件。在这个场景下,我们将...

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

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

Global site tag (gtag.js) - Google Analytics