Sencha Touch - 网格布局

我是Sencha Touch的新手。它非常漂亮。但我似乎无法弄清的一件事是如何做一个网格样式布局。举例来说，我创建一个基本的登录屏幕，看起来像下面这样：Sencha Touch - 网格布局

Username 
[TextBox Goes Here] 

Password 
[Password Field Goes Here] 

[LoginButton] | [RegisterButton]

只是显示的用户名/密码字段是默认FormPanel中很容易。但是，正如您所看到的，我希望在同一行上有一个登录按钮和一个注册按钮。以前的文本框应该跨越两个按钮宽度明智的列。

我如何与Sencha做到这一点？如果是HTML，我会做到以下几点：

<html> 
    <body> 
    <table border='0' cellpadding='0' cellspacing='0'> 
     <tr><td colspan='2'>Username</td></tr> 
     <tr><td colspan='2'><input type='text' /></td></tr> 

     <tr><td colspan='2'>Password</td></tr> 
     <tr><td colspan='2'><input type='password' /></td></tr> 

     <tr> 
     <td><input type='button' value='Login' /></td> 
     <td><input type='button' value='Register' /></td> 
     </tr> 
    </table> 
    </body> 
</html>

来源

2012-01-29 Mono Developer