Question

我有一个包含合作伙伴列表的JSF页面。

页面以两种模式打开，默认和选择模式，使用choiceMode请求参数设置。

当choiceMode参数未定义时，它只是一个列表，我可以单击一行，它将导航到包含行详细信息的页面

如果choiceMode="1"表示页面在<iframe>中打开，嵌套在父窗口中

当用户点击一行时，它不会打开行的页面，而是运行JavaScript将所选行参数发送到父窗口

问题是建立JavaScript，在选择模式时使用。在默认模式下，它必须只是""，但在选择模式下它必须是

rowOnClick(5, "Partner #5")

如何将双引号括在其中？

我可以使用rowOnClick(5, Partner #5)方法构建concat（不带引号）之类的内容，但引号似乎是一个问题。我尝试了&quote;和\'以及\"，但没有任何作用

页面代码：

<?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://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ez="http://java.sun.com/jsf/composite/ezcomp"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <title>Partners</title>
        <script>
            function cellOnClick(id, name) {
                parent.document.getElementById("form:parentId").value = id;
                parent.document.getElementById("form:parentName").value = name;
            }
        </script>
    </h:head>

    <f:metadata>
        <f:viewParam name="choiceMode" value="#{partnersManagedBean.choiceMode}"/>
    </f:metadata>

    <h:body>

        <c:choose>
            <c:when test="#{partnersManagedBean.choiceMode == '1'}">
                <c:set var="onclick" value="cellOnClick"/>
            </c:when>
            <c:otherwise>
                <c:set var="outcome" value="partner"/>
            </c:otherwise>
        </c:choose>

        <h:dataTable value="#{partnersManagedBean.partnersList}" var="item">
            <h:column>
                <f:facet name="header">
                    Name
                </f:facet>
                <ez:cell id="name" value="#{item.value.name}" rowId="#{item.value.id}" rowName="#{item.value.name}" outcome="#{outcome}" onclick="#{onclick}"/>
            </h:column>
        </h:dataTable>
    </h:body>
</html>

复合组件：

<?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:cc="http://java.sun.com/jsf/composite"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html">

    <cc:interface>
        <cc:attribute name="value" required="true"/>
        <cc:attribute name="rowId" required="true"/>
        <cc:attribute name="rowName" required="true"/>

        <cc:attribute name="outcome" default=""/>
        <cc:attribute name="onclick" default=""/>
    </cc:interface>

    <cc:implementation>
        <h:link id="nameLink" 
                outcome="#{cc.attrs.outcome}" 
                onclick="#{cc.attrs.onclick==''?'':cc.attrs.onclick.concat('(').concat(cc.attrs.rowId).concat(',&quote;').concat(cc.attrs.rowName).concat('&quote;)')}" 
                class="cell-link" 
                style="cursor: pointer">
            <f:param name="id" value="#{cc.attrs.rowId}"/>
            <div class="cell-div">
                #{cc.attrs.value}
            </div>
        </h:link>
    </cc:implementation>
</html>

Answer 1

使用"，即e为"，'为'。

Answer 2

onclick="#{cc.attrs.onclick==''?'':cc.attrs.onclick.concat('(').concat(cc.attrs.rowId).concat(',&quote;').concat(cc.attrs.rowName).concat('&quote;)')}"

这是一种非常笨拙的方法。只需使用<c:if>和<f:attribute>动态设置属性。

<h:link ...>
    <c:if test="#{not empty cc.attrs.onclick}">
        <f:attribute name="onclick" value="#{cc.attrs.onclick}(#{cc.attrs.rowId},'#{cc.attrs.rowName}')" />
    </c:if>
    ...
</h:link>

另请注意，您不需要将整个属性值放在单个EL表达式中。相反，您可以在单个属性值中内联多个EL表达式。

如何在JSF EL中的字符串中附加引号

2 个答案: