OpenFaces 3 和 IE6（按钮操作）

Question

我正在使用 OpenFaces，并且必须与 IE6 兼容。到目前为止，一切都或多或少地没有问题。

但是，我遇到了一个问题......

我在表单中有一些按钮。保存、添加、导出和删除。单击 Export 在 Firefox 和 IE8 中工作正常，定义的 bean 中的 exportToCsv() 被调用，因此它一定是浏览器行为。单击“使用 IE6 导出”会调用 bean 中的 add()，而不是 exportToCsv()。

有什么想法吗？

先感谢您。

Answer 1

仅当您指定显示的按钮内容时， 组件才会呈现 标记，而不是 位于 和 之间。如果你只需要显示纯文本，那么你不必使用这种方法，你可以使用通常的 value 属性，这将导致渲染 标签代替 ，即使用：

<o:commandButton value="Submit"... /> 

代替

<o:commandButton ...>Submit</o:commandButton>

事实是，后一种形式允许放置任意 HTML，因此需要 标签。

Answer 2

IE6 的 元素存在错误。它确实支持它，但它不能正确发送该值。

解决方案 1：使用 代替。
这可能是最明显的解决方案，但根据您的页面设计，这可能是一个问题，因为它不支持 那样的嵌套元素。

解决方案 2：使用 但通过 Javascript（或更可能是 JQuery）触发操作，而不是直接提交表单，并使用诸如具有由 JS 填充的隐藏字段之类的技术单击哪个按钮，以确保提交正确的详细信息。

Answer 3

这绝对是 IE6 问题：

• http://www.vancelucas。 com/blog/ie6-and-multiple-button-submit-elements/
• http://www.peterbe.com/plog/button-tag-in-IE

是时候找到解决方法了...

• http://www.kopz.org/public/documents/css/multiple_buttons_ie_workaround.html

Answer 4

使用 OpenFaces 时的解决方法

<o:outputLink styleClass="linkButton" ...>

.linkButton {
    display: block;
    float: left;
    margin: 0 0 0 0;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 2px 2px 2px 2px; /* Links */
}

从此源修改 CSS：

• http:// articletree.com/features/rediscovering-the-button-element