extjs panel拖动

justcode

于 2012-11-16 09:56:46 发布

阅读量317

点赞数

CC 4.0 BY-SA版权

分类专栏： extjs 文章标签： extjs

本文链接：https://blog.youkuaiyun.com/justcode316/article/details/84357198

extjs 专栏收录该内容

2 篇文章

订阅专栏


Ext.onReady(
	function() {
		new Ext.Panel(
		{
			renderTo:hello,
			width:400,
			height:300,
			title:"我是Panel",
			html:"",
			autoScroll:true,
			collapsible:true,
			tbar:[{text:"顶部按钮1",handler:function(){ Ext.MessageBox.alert("点击","顶部按钮1被点击")}{text:"顶部按钮2"}],
			bbar:[{text:"底部按钮1"},{text:"底部按钮2"}],
			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;
					s.hide();
				},
				endDrag:function(e) {
					this.panel.setPosition(this.x,this.y);
				}
			},
			x:100,
			y:100,
			floating:true
		}
		);
	}
);