代码之家  ›  专栏  ›  技术社区  ›  Mickey Cheong

溢出:为extjs的ext.window隐藏

  •  0
  • Mickey Cheong  · 技术社区  · 16 年前

    我正在考虑使用外部窗口来完成我的项目。我想知道是否可以在浏览器窗口中部分显示一个外部窗口?

    就像有一半的窗口从左边被卡在了浏览器窗口之外。

    干杯, 米老鼠

    2 回复  |  直到 16 年前
        1
  •  0
  •   Jonathan Julian    16 年前

    是的,这是可能的。运行此示例,单击按钮启动 Ext.Window ,然后将其部分拖出视图。

    但是如果你取消 constrain: true 配置,它将 允许拖动到浏览器视图之外。

    <html>
      <head>
        <link rel="stylesheet" href="ext-3.1.1/resources/css/ext-all.css" />
        <script src="ext-3.1.1/adapter/ext/ext-base.js"></script>
        <script src="ext-3.1.1/ext-all-debug.js"></script>
        <script>
          Ext.BLANK_IMAGE_URL = 'ext-3.1.1/resources/images/default/s.gif';
          Ext.onReady(function(){
            var p = new Ext.Panel({
              renderTo: 'panel',
              html: 'panel',
              tbar: [{
                text: 'Show a Modal Window',
                handler: function() {
                  new Ext.Window({
                    //constrain: true,
                    title: 'Title',
                    html: 'Window',
                    modal: true
                  }).show();
                }
              }]
            });
          });
        </script>
      </head>
      <body>
        <div id="panel"></div>
      </body>
    </html>
    
        2
  •  0
  •   Brian Moeskau    16 年前

    这取决于你在做什么的细节。是的,您可以根据需要以编程方式定位窗口并设置 overflow:hidden 在文档主体上防止滚动条(如果这就是您的意思)。或者,您可以只隐藏X溢出,仍然垂直滚动。