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

попробуйте плавать кнопку входа в систему слева и зарегистрируйтесь прямо. Если ваш столбец задан по ширине, это должно сделать трюк.

источник

2012-01-29 20:41:57

Вы говорите о расположении таблиц? Элементы в таблице расположены colspan и rowspan.

источник

2012-01-29 21:29:22 Anton

Я предполагаю, что у меня что-то не хватает. Я не вижу таблицу в API SENCHA (http://docs.sencha.com/touch/1-1/#!/api/Ext). Не могли бы вы рассказать? –

Я думаю, вам придется использовать панель с макетом vbox, содержащую панели с макетами hbox, которые содержат ваши поля формы. Насколько я могу судить. Альтернативой является использование XTemplate, но я не думаю, что это стоило бы хлопот.

источник

2012-01-30 11:48:45

Sencha Touch - макет сетки

ответ

Смежные вопросы