Есть ли виджет GWT (или его расположение) для «открытия контекста редактирования, когда пользователь выбирает встроенное поле»? - PullRequest
2 голосов
/ 15 февраля 2011

Я даже не уверен, как назвать эту технику пользовательского интерфейса, но рассмотрим следующий пример из IntelliJ IDEA.

Пример IntelliJ

Здесь «поле» - это тип возвращаемого значения метода, а «контекст редактирования» - это раскрывающийся список доступных типов.Он «встроенный», потому что это не форма с помеченными полями, а «повествовательный» (оператор на Java).

IntelliJ IDEA showing a drop-down to fulfill a field

Мое приложение

Я хочу попробовать то же самое в браузерном приложении, которое я пишу.Здесь повествование будет выглядеть примерно так:

'Встреча назначена на 13:00 сегодня .'

Здесь фраза «13:00 сегодня»'это рендеринг фразы' поля даты и времени.Когда пользователь выбирает его (с помощью вкладок или нажатия на него), панель должна «всплыть» под фразой, чтобы поле можно было редактировать.В этом случае редактором может быть виджет календаря и виджет временного счетчика.

Грубая концептуализация в терминах GWT

Было бы неплохо иметь виджет GWT, который выполняет что-то вроде:

  • принимает смесь виджетов, где каждый виджет имеет «рендеринг текстовой фразы» и (опционально) «панель редактора»
  • раскладывает все отрисованные фразы в тексте-Friendly Flow
  • применил непротиворечивую визуальную подсказку, где у текстовой фразы был редактор, а
  • отобразил редактор под рендерингом текстовой фразы в потоке, когда фраза была 'selected '

Вопрос

Существует ли что-то подобное?Как это называется?Если бы я сделал один, как бы я это назвал?

1 Ответ

1 голос
/ 01 марта 2011

Пожалуйста, посмотрите пример GWT Showcase, боковое меню Cell Sampler.Щелкните по столбцу DatePicker.

http://gwt.google.com/samples/Showcase/Showcase.html#!CwCellSampler

Это то, что вы пытаетесь достичь?

Это образец с открытым исходным кодом

http://code.google.com/p/google-web-toolkit/source/browse/#svn%2Ftrunk%2Fsamples%2Fshowcase

http://code.google.com/p/google-web-toolkit/source/browse/#svn%2Ftrunk%2Fsamples%2Fshowcase%2Fsrc%2Fcom%2Fgoogle%2Fgwt%2Fsample%2Fshowcase%2Fclient%2Fcontent%2Fcell

...