单击JSF表时打开一个新页面

时间:2013-04-07 12:30:25

标签: javascript jsf jsf-2

我有这个`h:outputLink',当我点击JSF表格行时,我用它打开一个新页面:

<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。你能帮我解决这个问题吗?

P.S

我测试过使用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代码中。任何想法如何解决这个问题?

2 个答案:

答案 0 :(得分:1)

我不知道我的问题是否正确。但是,如果您尝试重定向点击commandLink,我认为您的问题是,您无法使用actionListener属性重定向,而应使用action属性,否则pageRedirect的返回值无效。

请查看oracle docs以获取进一步说明。

答案 1 :(得分:1)

你应该调试你的javascript,尝试显示 href 的值,看看它是否是你想要的:

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)) {

            alert(elements[i].href);

            location.href=elements[i].href;
            break;
        }
    }                
    return false;
}

此致