在CQ对话框中包含相关文本字段的按钮

Question

如何包含带有输入字段的按钮，使其看起来像这样（没有图标）：

这样做的目的是，如果有人输入无效文本，他可以点击按钮获取一些建议。

（我认为这部分可以通过调用SlingServlet的JavaScript函数来实现，返回一些要显示的建议，例如可能作为警报。）

Answer 1

由于您已在评论中澄清说将它们放在一行对您很重要，您可以将它们包装在toolbar XType中：

<toolbar
    jcr:primaryType="cq:Widget"
    xtype="toolbar">
    <items
        jcr:primaryType="cq:WidgetCollection">
        <input
            jcr:primaryType="cq:Widget"
            xtype="textfield"
            name="./myInput">
        </input>
        <button
            jcr:primaryType="cq:Widget"
            xtype="button"
            name="./myButton"
            text="Submit">
        </button>
    </items>
</toolbar>

我认为您还可以进一步设置小部件的样式，例如输入字段的宽度。

查看API文档，他们有一些ComboBox on the toolbar page的例子，它们提到了类型提前和＆amp;建议值 - 如果data字段来自外部JSON源（例如您的SlingServlet），而不是内联编码，则听起来它可以适应您正在寻找的内容。