Button 在EXTJs中创建按钮

Button 在EXTJs中创建按钮,button,extjs4,Button,Extjs4,我有一个登录屏幕,它有一个ExtJs表单面板,有两个按钮login和Reset。 现在,我尝试在lofin面板下面添加另一个按钮,用于新用户注册。 但是按钮会转到屏幕底部,出现一个滚动条,使页面看起来很难看 我的login.jsp文件中有以下内容: <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all-access.css"> <script type="text/javascri

我有一个登录屏幕,它有一个ExtJs表单面板,有两个按钮login和Reset。 现在,我尝试在lofin面板下面添加另一个按钮,用于新用户注册。 但是按钮会转到屏幕底部,出现一个滚动条,使页面看起来很难看

我的login.jsp文件中有以下内容:

<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all-access.css">   
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="js/app.js"></script>    
我尝试在上面的按钮末尾使用
Ext.Create
添加一个新按钮,但它不起作用。 我尝试将代码放在一个单独的js文件中,并将带有src的脚本标记与面板文件一起添加到按钮文件中的一个单独的脚本标记中,甚至失败了

有人能帮我创建一个单独的按钮和我想要的位置吗? 感谢您的任何帮助。谢谢

我找遍了所有地方,尽我所能,但我找不到答案


注意:代码使问题看起来很长很大,但我的主要查询和问题位于问题的顶部和底部

我假设您不想在登录面板中添加新按钮,否则您可以在按钮列表中添加另一个按钮。要在登录面板下和窗口内添加按钮,请执行以下步骤

  • 将表单面板作为项目放入容器中

  • 将按钮作为表单窗格后容器中的第二项添加

  • 将容器添加到窗口,就像将面板添加到窗口一样

  • 瞧!您还可以尝试提供窗口和“
    id
    ”例如“
    id=loginWindow
    ”,然后调用代码

    Ext.getCmp('loginWindow').add(
        {
         xtype:button,
         text:'Yay!'
         }
    );
    

    如果您需要更多特定于代码的帮助,请随时给我发消息。我知道你觉得brojsfiddle会很有帮助,很难仅仅从代码中看出什么困扰着你。
    Ext.getCmp('loginWindow').add(
        {
         xtype:button,
         text:'Yay!'
         }
    );