ajax监听器没有在datatable中调用组件

时间:2015-01-05 15:04:29

标签: ajax jsf datatable myfaces tomahawk

不会为数据表中的复选框调用ajax侦听器。 我将有问题的代码减少到以下简单(并且不是很有意义)的示例。

我有一个数据表,每行都有一个复选框。通过单击复选框,将调用ajax侦听器,但不会调用它。我在数据表外还有一个复选框。单击此复选框时,将调用ajax侦听器。 数据表中的复选框有什么问题,或者我该怎么做才能使它工作?

这是xhtml文件(我使用tomahawk):

<h:form>
    <h:selectBooleanCheckbox id="selectAssignmentOutside" value="#{myController.assignments[100000]}">
        <f:ajax render="selectionStateOutside" listener="#{myController.processAjaxBehavior}"/>
    </h:selectBooleanCheckbox>
    <h:outputText id="selectionStateOutside" value="#{myController.assignments[100000] ? 'selected' : 'not selected'}"/>

    <p/>

    <t:dataTable id="assignmentsTable" value="#{myController.allEntities}" var="row" forceIdIndexFormula="#{row.id}" preserveDataModel="false">
        <h:column>
            <h:outputText value="#{row.id}"/>
        </h:column>
        <h:column>
            <h:selectBooleanCheckbox id="selectAssignment" value="#{myController.assignments[row.id]}">
                <f:ajax render="selectionState" listener="#{myController.processAjaxBehavior}"/>
            </h:selectBooleanCheckbox>
            <h:outputText id="selectionState" value="#{myController.assignments[row.id] ? 'selected' : 'not selected'}"/>
        </h:column>
    </t:dataTable>
</h:form>

控制器:

@ManagedBean
@ViewScoped
public class MyController
{
    private List<Entity> entities;
    private Map<Long, Boolean> assignments;

    public Map<Long, Boolean> getAssignments() {
        if (assignments == null) {
            assignments = new HashMap<>();
            assignments.put( 100000L, true );
            assignments.put( 100001L, true );
            assignments.put( 100002L, false );
            assignments.put( 100003L, false );
        }
        return assignments;
    }

    public List<Entity> getAllEntities() {
        entities = new ArrayList<>();
        entities.add( new Entity( 100000L ));
        entities.add( new Entity( 100001L ) );
        entities.add( new Entity( 100002L ) );
        entities.add( new Entity( 100003L ) );
        return entities;
    }

    public void processAjaxBehavior(AjaxBehaviorEvent event)
    {
        System.out.println("#### processAjaxBehavior");
        // here some things should be done in model
        // and the component re-rendered by ajax component shows the result
    }
}

1 个答案:

答案 0 :(得分:1)

如果设置了属性“forceIdIndexFormula”,Tomahawk的数据表在生成客户端ID时有一个bug。 从“t:datatable”中删除属性“forceIdIndexFormula”后,它按预期工作。