AlloyUI:在对象'模态'上添加元素

时间:2014-07-18 10:13:48

标签: alloy-ui

我尝试创建一个Portlet,它使用带有Alloy UI的JSP来显示信息。

我喜欢“模态”模块的效果 - Link

效果是,如果我点击一个按钮就会打开一个框(如果你按照链接可以看到它)。

此示例中有两个按钮。我想用文本字段/输入字段替换它们。

我该怎么做?

此致,JC。

1 个答案:

答案 0 :(得分:2)

对我来说,' 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>

我不知道是否有更好的解决方案,但我必须在html内容中编写div容器,但我只想在通过点击打开的模式框中显示它。所以我不得不隐藏它,它的工作原理是添加

render: '#modal', 

到模态对象。