0

JSF テーブルの行をクリックしたときに新しいページを開くために使用する「h:outputLink」があります。

<h:outputLink id="lnkHidden" value="page.html"  style="text-decoration:none; color:white;">
    <f:param name="id" value="#{item.value}" />
</h:outputLink>

行をクリックすると、次の JavaScript を使用して新しいページが開きます。

// For clicking on a row and opening new page
function addOnclickToDatatableRows() {
    //gets all the generated rows in the html table
    var trs = document.getElementById('form:dataTable').getElementsByTagName('tbody')[0]
    .getElementsByTagName('tr');
    //on every row, add onclick function (this is what you're looking for)
    for (var i = 0; trs.length > i; i++) {
        var cells = trs[i].cells;                    
        for(var j=1; j < cells.length; j++){
            cells[j].onclick = new Function("rowOnclick(this.parentElement)");
        }                    
    }
}

function rowOnclick(tr) {
    var elements = tr.cells[0].childNodes;
    for(var i = 0; elements.length > i; i++) {                           
        if ((typeof elements[i].id != "undefined") && (elements[i].id.indexOf("lnkHidden") > -1)) {
            location.href=elements[i].href;
            break;
        }
    }                
    return false;
}

このようにコードを更新しました:

<h:commandLink id="lnkHidden" style="text-decoration:none; color:white;"
               actionListener="#{bean.pageRedirect}">
    <f:setPropertyActionListener target="#{bean.sessionValue}" value="#{item.value}" />
</h:commandLink>

マネージドBean:

public void setSessionValue(Object value)
    {

       ...........

    }

public String pageRedirect()
    {

        return "/DatacenterProfile.html";
    }

に変更したため、JavaScript が正常に動作していないことがわかりましたh:commandLink。この問題を解決するのを手伝ってもらえますか?

PS

使用テストしましたh:commandButton

<h:commandButton id="lnkHidden" style="text-decoration:none; color:white; display:none"
               action="#{bean.pageRedirect}">
    <f:setPropertyActionListener target="#{bean.sessionValue}" value="#{item.value}" />
</h:commandButton>

テーブルをクリックすると、常にページにリダイレクトされます

http://<ip>:8080/app/undefined

問題は JavaScript コードにあると思います。これを修正する方法はありますか?

4

2 に答える 2