将Extjs窗口置于小程序(JApplet)前面

将Extjs窗口置于小程序(JApplet)前面,extjs,applet,japplet,Extjs,Applet,Japplet,我正在JSP文件体标记中创建Java小程序和extjs按钮, 当我点击按钮时,我正在创建带有浮动选项的extjs窗口 问题是: 按钮呈现在小程序下方 窗口正在小程序下渲染(窗口不在前面) (我在窗口中尝试了tofront()方法和setzindex) 我需要渲染如下: 你需要整个身体 按钮需要放置在小程序的顶部中心 Extjs窗口需要呈现在小程序前面(上方) 如何实现上述场景 我按以下代码添加: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 T

我正在JSP文件体标记中创建Java小程序和extjs按钮, 当我点击按钮时,我正在创建带有浮动选项的extjs窗口

问题是:

  • 按钮呈现在小程序下方
  • 窗口正在小程序下渲染(窗口不在前面)
  • (我在窗口中尝试了
    tofront()
    方法和
    setzindex

    我需要渲染如下:

  • 你需要整个身体
  • 按钮需要放置在小程序的顶部中心
  • Extjs窗口需要呈现在小程序前面(上方)
  • 如何实现上述场景

    我按以下代码添加:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <link href="ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="ext/ext-all.js"></script>
    <script language="javascript">
    
    Ext.onReady(function() {
    
    
    function CreateWindow()
    {
        var win = new Ext.Window( {
                        layout : 'fit',
                         floating: true,                    
    
                         // resizable : false,
                        width : 500,
                        height : 120,                   
                        closeAction : 'close',
                        closable : true,
                        plain : true,
                        //items : [grid],       
                        });         
    
        win.show(); 
        //win.setZIndex('2');   
    }
    
    new Ext.Button({
        text: 'submit ExtJS',
        handler: function() {
            CreateWindow();
        },
        id: 'submit_button',
        renderTo:document.body
    });
      });
    
    </script>
    <title>Insert title here</title>
    
    </head>
    <body>
    
        <applet archive="**.jar, mylib.jar" code="" height="250" width="98%" vspace = "20">
            <param name="schema" value="<%= request.getScheme() %>" />
            <param name="serverName" value="<%= request.getServerName() %>" />
            <param name="serverPort" value="<%= request.getServerPort() %>" />
            <param name="context" value="<%= request.getContextPath() %>" />
        </applet>
    
    </body>
    </html>
    
    
    Ext.onReady(函数(){
    函数CreateWindow()
    {
    var win=新的外部窗口({
    布局:“适合”,
    浮动:是的,
    //可调整大小:false,
    宽度:500,
    身高:120,
    closeAction:“close”,
    closable:是的,
    朴素:没错,
    //项目:[网格],
    });         
    win.show();
    //win.setZIndex('2');
    }
    新的分机按钮({
    文本:“提交ExtJS”,
    处理程序:函数(){
    CreateWindow();
    },
    id:“提交按钮”,
    renderTo:document.body
    });
    });
    在此处插入标题
    
    恐怕没有简单的解决方案,这不是ExtJs或您的代码的问题,这只是一种(flash、java小程序、activeX)工作方式:)


    您可以尝试一些,我相信iframe解决方案会起作用,但我从未尝试过,对于wmode参数,我想我尝试过一次,但没有成功,但谁知道也许现在浏览器支持它

    @vineth:“谢谢你的时间”请不要提“谢谢”这样的问题,以减少噪音。向上投票的答案可以很好地表达感谢,并将答案标记为正确(你可能应该做更多)。@Andrew Thompson.如果提供了正确的答案,那么肯定会将其标记为正确答案,感谢阅读我的问题ok.@amol,感谢你的回复,为了便于理解,我添加了屏幕截图。也许下面的方法会奏效-将小程序嵌入ExtJS窗口,然后使此窗口成为“弹出窗口”的父窗口@amol,我尝试了它不会出现amol,小程序处于最前面的位置,我尝试了使用renderTo属性。弹出窗口仅在小程序下方渲染。