javascript - 更新c :foreach/ui:repeat with javascript

Question

尝试使用 javascript 更新 c:foreach 。即使 View 正在刷新，插入数据库的新值也不会显示在 View 中。我也尝试过 ui:repeat 和 a:repeat 情况是一样的。我需要做的任何改变。

<div id="spModOutput">
    <ui:repeat value="#{ActionClass.listMethod()}" var="scenarioVar">
        "#{scenarioVar.scenarioId}"
    </ui:repeat>
</div>

<script>
    $('#newSpScenarioId').on('click', function() {
        document.getElementById('scenarioFormForAction:createNewScenarioSp').click();
    });
</script>

<script>
    function afterCompleteLoadTree() {
        alert("ROW CREATED IN DB  !!!");
        $('#spModOutput').fadeOut(100);
        $('#spModOutput').fadeIn(100);
        $('#spModOutput').jqxTree("refresh");
    }
</script>

<h:form id="scenarioFormForAction">
    <a4j:commandLink id="createNewScenarioSp" style="visibility: hidden;" 
        action="#{ActionClass.createNewRow()}" 
        oncomplete="afterCompleteLoadTree()">
    </a4j:commandLink>
</h:form>

Answer 1

我希望这项工作有效，因为 richfaces 已经过时了，我不记得确切的解决方案。

<script>
$('#newSpScenarioId').on('click', function() {
    document.getElementById('scenarioFormForAction:createNewScenarioSp').click();
});
</script>

<script>
    function afterCompleteLoadTree() {
        alert("ROW CREATED IN DB  !!!");
        $('#spModOutput').fadeOut(100);
        $('#spModOutput').fadeIn(100);
        $('#spModOutput').jqxTree("refresh");
    }
</script>

<h:form id="scenarioFormForAction">
    //put tree in a form
    <a4j:outputPanel id="msg"> //use outputPanel
    <div id="spModOutput">
        <ui:repeat value="#{ActionClass.listMethod()}" var="scenarioVar">
            "#{scenarioVar.scenarioId}"
        </ui:repeat>
    </div>
    </a4j:outputPanel>
    <a4j:commandLink id="createNewScenarioSp" style="visibility: hidden;" 
        action="#{ActionClass.createNewRow()}" 
        oncomplete="afterCompleteLoadTree()"
        reRender="msg"> //use reRender attr
    </a4j:commandLink>
</h:form>