0

我有一个数据表，它遍历一个列表，并有一个值列呈现如下：

<h:dataTable var="assessmentFieldValue" value="#{assessmentBean.assessmentFieldValues}">
    ...
    <ui:fragment rendered="#{assessmentFieldValue.field.type eq 'TEXT'}">
        <h:inputText value="#{assessmentFieldValue.value}" />
    </ui:fragment>
    <ui:fragment rendered="#{assessmentFieldValue.field.type eq 'SLIDER'}">
        <component:slider value="#{assessmentFieldValue.value}" />
    </ui:fragment>
    ...
</h:dataTable>

所以有时我得到一个标准的 inputText，有时我得到我的复合滑块组件：

<composite:interface>
    <composite:attribute name="value" />
</composite:interface>

<composite:implementation>
    <script type="text/ecmascript">
        function updateValue(value) {
            $('##{cc.id} span').each(function() {
                $(this).text(value);
            });
        }
    </script>

    <div id="#{cc.id}">
        <input id="sliderComponent" type="range" min="1" max="10"
                value="#{cc.attrs.value}"
                style="float: left"
                onchange="javascript:updateValue(this.value);" />

        <h:outputText id="fieldValue" value="#{cc.attrs.value}"
                style="min-width: 20px; display: block; float: left" />
    </div>
</composite:implementation>

这一切都按照我的意愿呈现（部署在 JBoss-AS7 上），但是当我点击与数据表关联的保存按钮时，assessmentBean.assessmentFieldValue 列表不会反映滑块组件上的任何值更改，但它确实适用于标准输入文本。

任何人都可以建议为什么对滑块的更改不会使其回到支持 bean？谢谢！

4

1 回答 1

3

那是因为您使用了纯 HTML<input>元素，而不是像<h:inputText>. 这样，值就不会绑定到 JSF 上下文。它仅被视为普通模板输出值，而不是输入值。复合组件不会解决这个问题。您确实需要为此创建一个完全值得UIComponent的（或寻找已经为您完成令人讨厌的工作的第 3 方组件库，例如 PrimeFaces 及其<p:slider>）。

也可以看看：

于 2011-09-05T13:02:56.497 回答