Flex / Flash TextArea Наличие флажка в каждой новой строке

Question

Мне интересно, как бы я добавил флажок в начале каждой строки в текстовой области. Вроде создание контрольного списка.

Answer 1

На самом деле, это очень возможно.

Вместо этого используйте <mx:List> и используйте атрибут itemRenderer, чтобы указать на компонент Flex.

Как это сделать? Если у вас есть Flex Builder, просто щелкните правой кнопкой мыши исходную папку и выберите «Создать»> «Компонент Flex». Назовите свой компонент как myComponent. Если нет, то компонент - это просто файл .mxml, в котором есть что-то, например:

<mx:HBox>
    <mx:Text text="Some Component" />
</mx:HBox>

и все. Укажите атрибут itemRenderer списка на myComponent (или где бы он ни находился). Не включайте ".mxml". В списке теперь будет отображаться ваш пользовательский компонент вместо некоторого текста. Просто добавьте некоторые записи в dataProvider списка или что-то еще, чтобы он отображал ваш компонент.

В вашем случае вы хотите добавить mx: CheckBox и mx: TextInput в ваш компонент, чтобы придать ему вид списка задач.

Найти источник здесь

Answer 2

Вы должны разработать свой собственный компонент с помощью Flex и ActionScript. Что-то по линии:

<mx:Panel> <mx:VBox> <mx:HBox><mx:CheckBox><mx:TextArea>...

и некоторые ActionScript-функции, которые реагируют на ENTER и BACKSPACE для создания или уничтожения пар HBox-CheckBox.

может быть, вам нужна DataGrid с двумя столбцами, один из которых - CheckBox, другой - TextField или TextArea, оба редактируемые (посмотрите на понятия ItemRenderer и ItemEditor) и функциональность для следующей строки

Answer 3

Извините, вы не можете.

Я никогда не смотрел на исходный код TextArea, но, думаю, вы можете каким-то образом расширить его, чтобы отображать флажки в каждой строке

Answer 4

Структура в MXML будет выглядеть примерно так:

<mx:VBox>
    <mx:HBox>
        <mx:CheckBox/><mx:TextArea/>
    </mx:HBox>
    <mx:HBox>
        <mx:CheckBox/><mx:TextArea/>
    </mx:HBox>
    <mx:HBox>
        <mx:CheckBox/><mx:TextArea/>
    </mx:HBox>
</mx:VBox>

Вы можете использовать Повторитель, чтобы выложить HBoxes выше