Flex控制彈出窗口拖動范圍示例代碼
更新時間:2014年01月28日 17:20:39 作者:
使用TilteWindow形式的彈出窗口發(fā)現有時候一不小心將窗口拖動到上面就拖不回來了,導致彈出窗口無法關閉,下面有個解決方法
最近做項目的時候用到了TilteWindow形式的彈出窗口,發(fā)現有時候一不小心將窗口拖動到上面就拖不回來了,導致彈出窗口無法關閉,后來發(fā)現一個好的解決辦法,在彈出窗口組件初始化的方法里面加上以下代碼即可
this.addEventListener(TitleWindowBoundsEvent.WINDOW_MOVE,function(event:Event):void{
event.target.x = event.target.x < 0 ? 0 : event.target.x;
if(event.target.x + event.target.width > event.target.parent.width){
if(event.target.parent.width - event.target.width < 0){
event.target.x = 0;
}else{
event.target.x = event.target.parent.width - event.target.width;
}
}
event.target.y = event.target.y < 0 ? 0 : event.target.y;
if(event.target.y + event.target.height > event.target.parent.height ){
if(event.target.parent.height - event.target.height < 0){
event.target.y = 0;
}else{
event.target.y = event.target.parent.height - event.target.height;
}
}
});
復制代碼 代碼如下:
this.addEventListener(TitleWindowBoundsEvent.WINDOW_MOVE,function(event:Event):void{
event.target.x = event.target.x < 0 ? 0 : event.target.x;
if(event.target.x + event.target.width > event.target.parent.width){
if(event.target.parent.width - event.target.width < 0){
event.target.x = 0;
}else{
event.target.x = event.target.parent.width - event.target.width;
}
}
event.target.y = event.target.y < 0 ? 0 : event.target.y;
if(event.target.y + event.target.height > event.target.parent.height ){
if(event.target.parent.height - event.target.height < 0){
event.target.y = 0;
}else{
event.target.y = event.target.parent.height - event.target.height;
}
}
});
您可能感興趣的文章:
- 使用POST方式彈出窗口的兩種方法示例介紹
- 點擊彈出層效果&彈出窗口后網頁背景變暗效果的實現代碼
- 彈出窗口并且此窗口帶有半透明的遮罩層效果
- javascript:window.open彈出窗口的位置問題
- Flex彈出窗口請求Action函數示例
- js實現彈出窗口、頁面變成灰色并不可操作的例子分享
- JavaScript彈出窗口方法匯總
- ie9下關閉彈出窗口出現__flash__removeCallback未定義錯誤
- 禁止iframe頁面的所有js腳本如alert及彈出窗口等
- fckeditor粘貼Word時彈出窗口取消的方法
- jQuery實現彈出窗口中切換登錄與注冊表單
- JavaScript實現自動彈出窗口并自動關閉窗口的方法
- javascript彈出拖動窗口
相關文章
flex4.0 利用外部項呈示器顯示List信息并添加圖片示例
利用外部項呈示器顯示List信息并添加圖片,在本文有個不錯的示例,喜歡的朋友可以參考下,希望對大家有所幫助2013-09-09flex打印操作(FlexPrintJob)還有分頁打印操作具體實現
如果要使用分頁效果,則必須使用標簽"PrintAdvancedDataGrid"(Flex3中的標簽)才能夠實現分頁效果,感興趣的朋友可以參考下2013-04-04Flex 事件分發(fā)(FlexViewer事件機制)剝離過程
本節(jié)主要介紹了如何將FlexViewer里面的事件分發(fā)及監(jiān)聽事件機制剝離出來在其他項目中使用,需要的朋友可以參考下2014-07-07flex中event.preventDefault()方法取消事件的默認行為
當點擊datagrid的第一和第四項時,itemEdit事件將不起作用,許多事件都有默認執(zhí)行的關聯(lián)行為,接下來為大家詳細介紹下,感興趣的朋友可以參考下哈2013-04-04