主页 / 问题 / 710830
Accepted
Tariel
Asked:2020-08-26 19:38:49 +0800 CST2020-08-26 19:38:49 +0800 CST

使用 JQuery 和 JSF

  • 772

JFS 上的 xhtml 文件中有一个表。需要使用 JQuery 检查特定列的单元格中的值，如果它们与示例匹配，则更改背景颜色。在 js 和 jQuery 中 - 完成零。没做过前端。我只知道如何包含库。我怎样才能做到这一点？重要的是，该事件必须在页面加载时发生。

java

1 个回答

  1. Best Answer

    试试这个例子，一个一列的表格，当页面加载时，它将执行 JQuery 并改变单元格的背景。

    <?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:h="http://xmlns.jcp.org/jsf/html"
  xmlns:f="http://java.sun.com/jsf/core">
<h:head>
    <title>Facelet Title</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
</h:head>
<h:body>
    <h:dataTable value="#{order.orderList}" var="o">
        <h:column>
            <f:facet name="header">Order No</f:facet>
            <h:outputText styleClass="order" value="#{o}" />
        </h:column>
    </h:dataTable>

    <script type="text/javascript">
    //<![CDATA[
        $(document).ready(function () {
            $('.order').each(function (index) {
                // какое-то условие
                if ($(this).text().trim() > 5) {
                    $(this).parent().css({'background-color': 'red'});
                }
            });
        });
    //]]>
    </script>
</h:body>

    • 3

相关问题