Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Маленький урок фронтэнда. / 6 сообщений из 6, страница 1 из 1
16.07.2015, 13:08
    #39008787
ProBiotek
ProBiotek
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Маленький урок фронтэнда.
Привет.
Подскажите как вообще решить такую простенькую фронтэнд задачу. Нужно выбираться из своего бэкэнда потихоньку :)

Нужно, что бы на странице ввода пользователь мог ЛИБО ввести текст в поле, ЛИБО явно обозначить, что поле отсутствует.Прикладываю скриншот того как я пока это вижу сейчас. Но наверное есть решение симпатичней (в плане дизайна) - подскажите его.
Также нужна некоторая динамика. При нажати на кнопку "Сертификата нету", делать недоступным текстовое поле (и наверное стирать уже введенные в него данные).

Какая тут вообще технология применима ? Подозреваю, что JavaScript. Скрипт должен убедится, что выбран один из вариантов. При первоначальном открытии странице, видимо, стоит снять выделение с обоих Радиобоксов.

Вью модель видимо должна быть такой:
public class InputModel
Код: c#
1.
2.
3.
4.
5.
{
  // теоретически должно быть заданно личь что-то одно. Либо можно просто игнорировать SertNumber, если SertIsPresent==false
  public string SertNumber {get;set;}
  public bool SertIsPresent {get;set;}
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.07.2015, 13:11
    #39008795
ProBiotek
ProBiotek
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Маленький урок фронтэнда.
Вот еще некая заготовка. Думаю должно получится что-то типа этого.
Нужно только понять как это описать в Asp Net Mvc.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<html>
<body>
<input type=checkbox checked onclick='if (this.checked) {htr.style.display='block'} else {htr.style.display='none'} '>
<table border=1>
<tr><td>TR: </td><td><input></td></tr>
<tr id=htr><td>TR to hide: </td><td><input></td></tr>
<tr><td>TR: </td><td><input></td></tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.07.2015, 13:12
    #39008797
Нахлобуч
Нахлобуч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Маленький урок фронтэнда.
Не преумножайте. Один input с аннотацией вида "Введите номер сертификата, если он у вас есть".
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.07.2015, 13:21
    #39008808
carrotik
carrotik
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Маленький урок фронтэнда.
ProBiotek,

.. хотите модно и красиво - посмотрите bootstrap input groups, в частности
Buttons with dropdowns
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.07.2015, 13:24
    #39008817
ProBiotek
ProBiotek
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Маленький урок фронтэнда.
НахлобучНе преумножайте. Один input с аннотацией вида "Введите номер сертификата, если он у вас есть".
Если пусто - значит нет ? Так просто, хмм. В принципе действительно нормальное решение, что-то я не в ту степь пошел.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
16.07.2015, 13:31
    #39008825
ProBiotek
ProBiotek
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Маленький урок фронтэнда.
carrotik,

Спасибо. Да, компонентов куча, нужно изучать их все, и придумывать куда их применить.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Маленький урок фронтэнда. / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 469ms
Закрыть
start [/forum/topic.php?fid=18&mobile=1&tid=1356360]:
 0ms
get settings:
 8ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 153ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 42ms
get tp. blocked users:
 1ms
others: 237ms
total:  469ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]