AlloyUI: добавить элемент в объект «модальный»

Я пытаюсь создать портлет, который использует JSP с пользовательским интерфейсом Alloy для отображения информации.

Мне нравится эффект модуля 'Modal' - Ссылка

Эффект заключается в том, что окно открывается, если я нажимаю кнопку (вы можете увидеть это, если перейдете по ссылке).

В этом примере две кнопки. Я хочу заменить их текстовым полем/полем ввода.

Как я могу это сделать?

С уважением, ЮЧ.


alloy-ui
person jcomouth    schedule 18.07.2014    source источник
comment
Свойство bodyContent будет отображать любой html внутри него. Однако более старые версии фреймворка допускали загрузку контента. , диалоговый подход кажется устаревшим. Я предполагаю, что основная концепция все еще достижима с последними I/O.   -  person Origineil    schedule 21.07.2014

Ответы (1)


arrow_upward
2
arrow_downward

Для меня 'contentBox' работал нормально. Я добавил в модальный объект

contentBox: '#contentBox',

и определил контейнер div с моим текстовым полем в

<div id="contentBox">
    <aui:form>
        <aui:fieldset>
            <aui:input name="productName" size="45" />
            <aui:button-row>
                <aui:button id="closeModal" value="Close" class="btn"></aui:button>
                <aui:button type="submit" onSubmit="cm();" />
            </aui:button-row>
        </aui:fieldset>
    </aui:form>
</div>

Я не знаю, есть ли лучшее решение, но мне пришлось прописать контейнер div в html-контенте, но я хотел отображать его только в модальном окне, которое открывается по клику. Поэтому мне пришлось скрыть это, он работает, добавляя

render: '#modal',

к модальному объекту.

person jcomouth    schedule 25.07.2014