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 コードにあると思います。これを修正する方法はありますか?