溢出:为Ext.Window隐藏ExtJs

时间:2010-02-18 17:08:25

标签: extjs

我正在考虑将Ext.Window用于我的项目。我想知道是否可以在浏览器窗口中部分显示Ext.Window?

就像一半窗口从左侧伸出浏览器窗口。

干杯, 米奇

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

是的,有可能。运行此示例,单击按钮以启动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>