id:id值,通过id可以找到这个组件,建议一般加上这个id值,
applyTo:(id)呈现在哪个html元素里面
contentEl:(id)呈现哪个html元素里面,把el内的内容呈现
renderTo:(id)呈现在哪个html元素里面
关于这三个参数的区别(applyTo和RenderTo强调to到html元素中,contentEl则是html元素到ext组件中去)
extjs中的Panel组件。
//html代码
<div id="container">
</div>
//js代码
var p = new Ext.Panel({
title: 'My Panel',//标题
collapsible:true,//右上角上的那个收缩按钮,设为false则不显示
renderTo: 'container',//这个panel显示在html中id为container的层中
width:400,
height:200,
html: "<p>我是内容,我包含的html可以被执行!</p>"//panel主体中的 内容,可以执行html代码
});
最后这个可拖动的panel的代码为:
var p=new Ext.Panel({
title: 'Drag me',
x: 100,
y: 100,
renderTo: Ext.getBody(),
floating: true,
frame: true,
width: 400,
height: 200,
draggable: {
insertProxy: false,
onDrag : function(e){
var pel = this.proxy.getEl();
this.x = pel.getLeft(true);
this.y = pel.getTop(true);
var s = this.panel.getEl().shadow;
if (s) {
s.realign(this.x, this.y, pel.getWidth(), pel.getHeight());
}
},
endDrag : function(e){
this.panel.setPosition(this.x, this.y);
}
}
})
分享到:
相关推荐
自己写的 透明panel控件,有caption属性,用在图层等特殊应用场合上。--
5、AutoScroll属性:该属性指示当控件超出Panel显示的区域时,是否自动出现滚动条,默认为False。 二、创建一组控件 1、在窗体上放置Panel控件。从工具箱中拖放一个Panel控件到窗体上的合适位置,调整大小。 2、...
分组类控件主要包括容器控件(Panel),分组框控件(groupBox)和选项卡控件(TabControl)等控件。 一、Panel控件 Panel控件是由System.Windows.Forms.Panel...实例:演示Panel控件的BorderStyle属性和AutoScroll属性 (1)在
具有Picture(图片属性)的PANEL控件源码(delphi) 。
Delphi 用的透明panel, 不遮挡下面 可以当控件容器, 控制控件的位置
主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...
因项目需求,要实现简单的绘制矢量图形,因此自已写了几个自定义的Panel控件,有矩形,圆形,三角形,弧形,原则上可以实现各类形状的各类可视控件,并实现了拖拽和拉伸功能。代码在VS2010环境上生成。共享出来希望...
EasyUI入门教程--第03课_parser组件panel组件及如何使用组件自带的属性、事件、方法.avi,这是由孙宇老师录制的视频,现在很难找了,讲得很详细,授人以鱼,不如授人以渔。 第01课(大概介绍一下easyui,和组织...
侧边栏实际上是一个窗体或者是容器,实现展开的动作必须在一个时间段内逐步的增加宽度,我采用Panel作为容器的载体,在一个线程中逐步增加Panel的Width属性。隐藏,主要使用的是Panel的Visible属性来实现,隐藏条件...
winfrom带美化滚动条的panel控件,demo内标注好了各属性的作用。目前只支持纵向滚动条,有滚动条重绘源码,还可以自行修改出横向滚动条,
easyUI属性汇总 找了个时间看了下EasyUI插件,对它的插件感觉是很舒服,特地把Easy UI的大部分功能属性做了一下汇总。... 属性分为CSS片段和JS片段。 CSS类定义: ...2、div easyui-panel 生成一个面板。
如果已经通过设置 Height 和 Width 属性将 Panel 控件限制为特定的大小,则可以通过设置 ScrollBars 属性来添加滚动条。 GroupingText 在 Panel 控件周围呈现边框和标题。如果指定了滚动条,则设置 Gr
VESA对LVDS显示面板的实施标准,包括输入LVDS数据格式、输入接口定义和电气属性等。
Ext.Panel API翻译 -------Window属性
使用CSS Issues Panel立即检测并解决样式问题! 只需检查一个元素,并获取所有应用于该元素的样式的错误和警告的列表。 此扩展名可以检测拼写错误的值,无效变量,无效的属性,未使用的字体等。 除了检测问题外,该...
Ext.Net学习笔记 ,主要用的控件的一些属性用法及意思。
运行时可调整大小,颜色的属性的delphi控件
Panel 提供了一些工具,可以轻松地将小部件,绘图,表格和其他可查看的对象和控件组合到控制面板 用于 Python 的高级应用程序和仪表板解决方案 构建状态覆盖最新开发版本 最新版本 文档支持 它是什么? Panel 提供...
这是使用 GUIDE 的“选项卡”面板的简单构造。 探索更多:使用 GUIDE 打开图形,并确保注意没有文本的 uiControls... 另请参阅此文件交换站点中 Bill York 的“Tab Panel Example”和 Dirk Tenne 的“Tab Panel”。
一、属性 frame:布尔类型true 或 false ,为true时表示边框为圆角且具有背景色,取false则反之。 xtype:在EXTJS的可视化组件部署中的一种机制,即通过指定xtype的值,来告诉容量如何初始化所包含的级件,如xtype:...