Flex: доступ к функциям / компонентам на mxml-страницах
Для простоты скажем, у меня есть две гибкие mxml-страницы.
form.mxml
button.mxml
Если на странице form.mxml был следующий код, он должен работать нормально:
<custom:SelectView dSource = "{_thedata}" id = "form" visible = "false">
</custom:SelectView>
<mx:LinkButton label = "Show" id = "lbShow" click = "form.visible=true;>
<mx:LinkButton label = "Show" id = "lbHide" click = "form.visible=false;>
Но если код был таким:
form.mxml
<custom:SelectView dSource = "{_thedata}" id = "form" visible = "false">
</custom:SelectView>
button.mxml
<mx:LinkButton label = "Show" id = "lbShow" click = "form.visible=true;>
<mx:LinkButton label = "Show" id = "lbHide" click = "form.visible=false;>
как я могу вызвать из button.mxml, чтобы изменить form.mxml
---- немного подробнее ---
Моя страница на самом деле выглядит так: where query: AdvancedSearchFields в основном включает гибкую форму на страницу, и я хочу, чтобы она показывала / скрывала настраиваемый вид ниже после завершения поиска.
<query:AdvancedSearchFields searchType = "projects" searchCategory = "advanced" visible = "true" id = "AdvancedSearch" />
<custom:SelectView dSource = "{_searchResults}" id = "sv" visible = "false">
Ответы 3
Ваш класс button.mxml должен иметь ссылку на экземпляр класса 'form', который будет затронут. Затем он может работать с ним напрямую:
Button.mxml:
<mx:Script>
<![CDATA[
[Bindable] public var myForm:MyFormClass;
]]>
</mx:Script>
<mx:LinkButton label = "Show" id = "lbShow" click = "myForm.form.visible=true;">
<mx:LinkButton label = "Show" id = "lbHide" click = "myForm.form.visible=false;">
Как правило, наиболее логичным местом для установки этой переменной является родительский элемент вашего класса Button.
Вы можете написать собственный метод, который обрабатывает события нажатия кнопки и вызывает настраиваемое событие. Затем в form.mxml вы можете обработать это событие.
Разбить его, как это, немного чище, так как это заставляет файл button.mxml работать сам по себе. Наличие у Button.mxml прямой ссылки на вашу форму вызывает тесную связь между ними, и, как правило, вам следует избегать сильной связи.
Обновлено: у меня была еще одна мысль, которая также позволяет избежать сильной связи и немного проще:
form.mxml
<custom:SelectView dSource = "{_thedata}" id = "form" visible = "{buttons.showForm}">
</custom:SelectView>
<!-- include your buttons.mxml component using an ID of "buttons" -->
кнопки.mxml
<mx:Script>
<![CDATA[
[Bindable] public var showForm:Boolean = true;
]]>
</mx:Script>
<mx:LinkButton label = "Show" id = "lbShow" click = "this.showForm=true;">
<mx:LinkButton label = "Hide" id = "lbHide" click = "this.showForm=false;">
По сути, это имитирует использование настраиваемого события с помощью привязки переменных. Каждый раз, когда переменная showForm в кнопках изменяется, свойство visible элемента SelectView будет обновляться через привязки. Это легче, чем создание настраиваемого события (хотя я думаю, что настраиваемые события немного лучше для него).
Хотя мой ответ сработает, это решение намного чище (и менее связно). Хорошая работа.
эй, ваш ответ подсказал мне идею связующего решения, так что это было весьма полезно. :)
Если вам нужно чаще решать эту проблему, я бы предложил использовать фреймворк MVC, такой как PureMVC. Он настроен таким образом, что у вас есть объект-посредник, который прослушивает события от компонентов MXML, а затем отправляет уведомление, которое может быть получено любым другим посредником. Затем этот посредник может управлять своим собственным визуальным компонентом на основе уведомления и связанных с ним данных.
В контексте того, что вы делаете (простая версия), вас устраивает базовое решение. Но если вы имеете дело с четырьмя, пятью или более компонентами с большим количеством логики, вы совсем не будете счастливы.
Это создает тесную связь между компонентами формы и кнопки. Каждый из них напрямую ссылается на другого, что, как правило, является плохой идеей.