Sencha Touch - сетка - PullRequest
Новая
       1

Sencha Touch - сетка

0 голосов
/ 30 января 2012

Я новичок в Сенча Touch. Это довольно гладко. Но одна вещь, которую я не могу понять, это то, как сделать макет стиля сетки. Например, я создаю основной экран входа в систему, который выглядит следующим образом: 

Username
[TextBox Goes Here]

Password
[Password Field Goes Here]

[LoginButton] | [RegisterButton]

Отображение только полей имени пользователя и пароля довольно просто с FormPanel по умолчанию. Однако, как вы можете видеть, я хочу, чтобы кнопка входа в систему и кнопка регистрации были в одной строке. Предыдущие текстовые поля должны охватывать столбцы обеих кнопок по ширине.

Как мне это сделать с Сенчей? Если бы это был 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>

Ответы [ 3 ]

0 голосов
/ 30 января 2012

Вы говорите о раскладке стола? Элементы в макете таблицы имеют свойства colspan и rowspan.

0 голосов
/ 30 января 2012

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

0 голосов
/ 30 января 2012

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

...