Ext.Panel() 拖动效果 -

zms198983

浏览: 112221 次
性别:
来自: 厦门

最近访客更多访客>>

kolvin2010

xiehao1020

u010532761

icoming2

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

Ext.Panel() 拖动效果

博客分类：

ExtJs Study

Extjs 拖动拖动 extjs panel panel 拖动 panel

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Panel拖动</title>
		<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
		<!-- ** Javascript ** -->
		 <!-- ExtJS library: base/adapter -->
		<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
		<!-- ExtJS library: all widgets -->
		<script type="text/javascript" src="ext/ext-all.js"></script>
		<script type="text/javascript" src="panelDraggle.js"></script>
	</head>
	<body>
	</body>
</html>

panelDraggle.js

 Ext.onReady(function(){
  
  var myPanel = new Ext.Panel({
   renderTo:Ext.getBody(),
   title:'可拖动Panel',
   x:100,y:100,
   width:500,height:150,
   floating:true,
   //圆角
   frame:true,
   //拖动
   draggable:{
    //拖动时不虚线显示原始位置
    insertProxy:false,
    onDrag:function(e){
     var pel = this.proxy.getEl();
     this.x = pel.getLeft(true);
     this.y = pel.getTop(true);//获取拖动时panel的坐标
     
     var s = this.panel.getEI().shadow;
     if(s){
      s.realign(this.x,this.y,pel.getWidth(),pel.getHeight());
     }
    },
    endDrag:function(e){
     this.panel.setPosition(this.x,this.y);
    }
   },
   tools:[
    {id:'close'},
    {id:'minimize'},
    {id:'maximize'},
    {id:'restore'},
    {id:'gear'},
    {id:'pin'},
    {id:'unpin'},
    {id:'right'},
    {id:'left'},
    {id:'up'},
    {id:'down'},
    {id:'refresh'},
    {id:'minus'},
    {id:'plus'},
    {id:'help'},
    {id:'search'},
    {id:'save'},
    {id:'print'}
    
   ],
   html:"从左右到依次为：<br />" +
     "close,minimize,maximize,restore,gear,pin,unpin,right,left,up,down,<br />" +
     "<div style='float:right'>refresh,minus,plus,help,search,save,pring</div>"
  });
 });

0
顶

0
踩

分享到：

php字符串截长（支持中文） | Ext.MessageBos.show()进度条例子

2012-03-23 10:58
浏览 6896
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Ext.Panel() 拖动效果

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Ext.Panel() 拖动效果

评论

发表评论

相关推荐

Record 与 Store 说明

各种布局

Ext中的get、getDom、getCmp、getBody、getDoc的区别

带验证码登录页面

renderTo和applyTo的区别

Ext.FormPanel表单(实例)

ExtJS Combo学习，相关参数属性解析

Ext.Window例子及簡單Ext.menu.Menu

Ext.MessageBos.show()进度条例子

ExtJs 控件详解

ExtJS 控件记录

Aptana安裝Extjs插件

最近访客更多访客>>