丰富的：带有 Internet Explorer 的数据表和可扩展列答案

【问题标题】：rich:datatable and expandable column with internet explorer丰富的：带有 Internet Explorer 的数据表和可扩展列
【发布时间】：2010-12-17 21:58:03
【问题描述】：

我用rich:datatable 和rich:column 为可扩展列/行创建了一个简单的解决方案，类似于：Best way to make an expandable/collapsible subTable with rich:dataTable

facelets代码（简化）如下：

<rich:dataTable id="detailtable"
    value="#{bean.model}"
    var="row"
    columns="2">
    <rich:column id="detail-check">
        <f:facet name="header">
            <h:selectBooleanCheckbox value="#{bean.expandAll}">
                <a4j:support event="onchange" action="#{bean.expandAllAction}"
                    reRender="detailtable" />
            </h:selectBooleanCheckbox>
        </f:facet>
        <h:selectBooleanCheckbox value="#{row.expanded}">
            <a4j:support event="onchange" reRender="detailtable" />
        </h:selectBooleanCheckbox>
    </rich:column>
    <!-- actual data column -->
    <rich:column id="detail-column"
        rendered="#{row.expanded}"
        breakBefore="true"
        colspan="2">
        <!-- detail column content -->
    </rich:column>
</rich:dataTable>

当您单击详细信息框时，这会提供一个带有展开列的表格，详细信息列会呈现在实际行的下方。支持 bean 上的 expandAllAction 只是迭代行并将它们的扩展属性设置为与支持 bean 中的相同，从而扩展/取消扩展所有行。

然而，这在 Internet Explorer（IE7 或 IE8）上不能正常工作，尽管它适用于 FF 和 Chrome。如果用户单击复选框，则在单击页面上的任何其他位置之前不会呈现任何内容。支持 bean 和对象正在更新，但在单击其他元素之前不会重新渲染。

这又是 IE 的问题还是只是 Richfaces 的错误？我在 IE 和 tbody 上发现了一些类似的问题，但应该已经修复了。我可以提交错误报告，但在那之前，有什么简单的解决方法吗？

Richfaces 版本是 3.3.1，它在 Jboss 4.2.1GA 和捆绑的 Sun RI 上运行。

【问题讨论】：

标签： internet-explorer jsf richfaces expand richdatatable

【解决方案1】：

尝试使用另一个事件，例如onclick
来自selectBooleanCheckBox 的 tldoc：onchange 是 “当该元素失去焦点并且它的值在获得焦点后已被修改时执行的 Javascript 代码。” 和 onclick 是 “执行的 Javascript 代码当在此元素上单击指针按钮时。"

昨天是similar question。 BalusC 的一条评论可能证实了我的假设“在收音机/复选框的情况下，某些浏览器中的更改事件只有在您单击 2 次时才会触发”

【讨论】：

没错，使用onclick 代替单选按钮/复选框。
天啊，当然。只需将“onchange”事件更改为“onclick”即可解决问题。