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