搜索
解决Ext.Window放大关闭后滚动条消失和滚动页面时最大化Window位置的方法Posted周六,09/20/2008-12:08byadmin应用场景：一个表格列表，点击表格上的某一行，弹出一个Ext.Window显示其他资料。（修改、显示详情等等）,如下图：很多情况下我们只是使用Ext的某一些功能，如Ext.Window.在你的页面长度没有越过一页，即没有滚动条的时候，使用Ext.Window是不会有任何问题的。但当你的页面长度超过一页，有滚动条时，使用Ext.Window会出现以下两个问题：你可以试用一下：、Ext.Window放大后，再点击关闭按钮，页面右边的滚动条会消失，出现一条白边，页面不能滚动了。如下图：2、向下拖动页面至某一个地方，弹出一个Ext.Window，这个时候如果点击放大，窗体会放大，但位置在最顶上，这时候你什么也不能操作，只能重新刷新页面。如下图解决办法其实很简单，只要在Window中添加两个listeners就可以了。viewsourceprint?01.listeners:{02.close:function(w){03.//关键部分：关闭窗口前先还原,滚动条才不会消失04.w.restore();05.},06.maximize:function(w){07.//关键部分：最大化后需要将窗口重新定位，否则窗口会从最顶端开始最大化08.w.setPosition(document.body.scrollLeft,document.body.scrollTop);09.}10.}演示(demo)地址在文章最后.效果图如下：源代码包括：0007_window_position.html0007_window_position.htmlviewsourceprint?001.html002.head003.metahttp-equiv=Content-Typecontent=text/html;charset=utf-8004.title解决Ext.Window放大关闭后滚动条消失和滚动页面时最大化Window位置的方法/title005.linkrel=stylesheettype=text/csshref=../resources/css/ext-all.css/006.linkrel=stylesheettype=text/csshref=../examples/examples.css/007.scripttype=text/javascriptsrc=../adapter/ext/ext-base.js/script008.scripttype=text/javascriptsrc=../ext-all.js/script009.scripttype=text/javascript010./*011.*Copyright(c)extjs.org.cn|jamblues012.*PowerbyJamblues&Micheal013.*014.*Ahref=*/016.Ext.BLANK_IMAGE_URL=../../resources/images/default/s.gif;017.vartr_1=;018.varclass_1=;019.functionOpenWin(tr)020.{021.//设置选中颜色开始022.if(tr_1!=)023.{024.tr_1.style.backgroundColor=;025.}026.tr_1=tr;027.class_1=tr.className;028.tr.style.backgroundColor=#AECEF6;029.//设置选中颜色结束030.031.Ext.onReady(function(){032.varwin=newExt.Window({033.layout:'fit',034.width:480,035.height:360,036.resizable:true,037.closeAction:'close',038.plain:true,039.maximizable:true,040.listeners:{041.close:function(w){042.//关键部分：关闭窗口前先还原,滚动条才不会消失043.w.restore();044.},045.maximize:function(w){046.//关键部分：最大化后需要将窗口重新定位，否则窗口会从最顶端开始最大化047.w.setPosition(document.body.scrollLeft,document.body.scrollTop);048.}049.}050.});051.win.show();052.});053.}054.055./script056.057./head058.body059.h1解决Ext.Window放大关闭后滚动条消失和滚动页面时最大化Window位置的方法/h1060.p应用场景：一个表格列表，点击表格上的某一行，弹出一个Ext.Window显示其他资料。（修改、显示详情等等）061.br/很多情况下我们只是使用Ext的某一些功能，如Ext.Window.在你的页面长度没有越过一页，即没有滚动条的时候，使用Ext.Window是不会有任何问题的。但当你的页面长度超过一页，有滚动条时，使用Ext.Window会出现以下两个问题：062.br/063.1、Ext.Window放大后，再点击关闭按钮，页面右边的滚动条会消失，出现一条白边，页面不能滚动了。如下图：064.br/065.2、向下拖动页面至某一个地方，弹出一个Ext.Window，这个时候如果点击放大，窗体会放大，但位置在最顶上，这时候你什么也不能操作，只能重新刷新页面。066.br067.068.divid=data-gird069.*双击行弹出新窗口070.tablewidth=100%border=1cellpadding=0cellspacing=5071.tr072.thscope=colstyle=text-align:center;font-weight:bold;Company/th073.thscope=colstyle=text-align:center;font-weight:bold;Price/th074.thscope=colstyle=text-align:center;font-weight:bold;Change/th075.thscope=colstyle=text-align:center;font-weight:bold;%Change/th076.thscope=colstyle=text-align:center;font-weight:bold;LastUpdated/th077./tr078.trstyle='cursor:pointer;'ondblclick='OpenWin(this);'079.td3mCo/td080.td71.72/td081.td0.02/td082.td0.03/td083.td9/112:00am/td084./tr085.trstyle='cursor:pointer;'ondblclick='OpenWin(this);'086.tdAlcoaInc/td087.td29.01/td088.td0.42/td089.td1.47/td090.td9/112:00am/td091./tr092.trstyle='cursor:pointer;'ondblclick='OpenWin(this);'093.tdAltriaGroupInc/td094.td83.81/td095.td0.28/td096.td0.34/td097.td9/112:00am/td098./tr099.trstyle='cursor:pointer;'ondblclick='OpenWin(this);'100.tdAmericanExpressCompany/td101.td52.55/td102.td0.01/td103.td0.02/td104.td9/112:00am/td105./tr106.trstyle='cursor:pointer;'ondblclick='OpenWin(this);'107.tdAmericanInternationalGroup,Inc./td108.td64.13/td109.td0.31/td110.td0.49/td111.td9/112:00am/td112./tr113.trstyle='cursor:pointer;'ondblclick='OpenWin(this);'114.tdAT&TInc./td115.td31.61/td116.td-0.48/td117.td-1.54/td118.td9/112:00am/td119./tr120.trstyle='cursor:pointer;'ondblclick='OpenWin(this);'121.tdBoeingCo./td122.td75.43/td123.td0.53/td124.td0.71/td125.td9/112:00am/td126./tr127.trstyle='cursor:pointer;'ondblclick='OpenWin(this);'128.tdCaterpillarInc./td129.td67.27/td130.td0.92/td131.td1.39/td132.td9/112:00am/td133./tr134.trstyle='cursor:pointer;'ondblclick='OpenWin(this);'135.tdCitigroup,Inc./td136.td49.37/td137.td0.02/td138.td0.04/td139.td9/112:00am/td140./tr141.trstyle='cursor:pointer;'ondblclick='OpenWin(this);'142.tdE.I.duPontdeNemoursandCompany/td143.td40.48/td144.td0.51/td145.td1.28/td146.td9/112:00am/td147./tr148.trstyle='cursor:pointer;'ondblclick='OpenWin(this);'149.tdExxonMobilCorp/td150.td68.1/td151.td-0.43/td152.td-0.64/td153.td9/112:00am/td154./tr155.trstyle='cursor:pointer;'ondblclick='OpenWin(this);'156.tdGeneralElectric