您可以使用 jQuery 找出所选列的索引并将其作为 ajax 事件发送到服务器
这是一种方法:
首先在表格上方添加一个inputText
(使其隐藏)
<h:inputText id="mySelectedColumnId" value="#{myBean.mySelectedColumnField}" style="display:none">
<f:ajax listener="#{myBean.myListener}"></f:ajax>
</h:inputText>
和下面的js代码绑定点击表和触发点击h:inputText
哪个将触发服务器上的监听
jQuery(document).delegate("#yourTableID td", "click", function (event) {//bind every click on any td in the table
var columnNumber = jQuery(this).index();//get index of clicked row
jQuery("#mySelectedColumnId").val(columnNumber); //set value in the inputtext
jQuery("#mySelectedColumnId").change(); //this will trigger the ajax listener
});
更新
我实际上的意思是以下结构:
<h:outputScript name="js/newjavascriptfile.js" target="head" />
.
.
.
.
<h:form prependId="false">
<h:inputText id="mySelectedColumnId" value="#{myBean.mySelectedColumnField}" style="display:none">
<f:ajax listener="#{myBean.myListener}"></f:ajax>
</h:inputText>
<p:dataTable id="DataTable"....
.
.
.
.
并在 js 内(将其放在 web 应用程序文件夹Resources (Library) In JSF 2.0的根目录中的资源文件夹内的 js 文件夹内)文件位置
jQuery(window).load(function () {
jQuery(document).delegate("#yourTableID td", "click", function (event) {//bind every click on any td in the table
var columnNumber = jQuery(this).index();//get index of clicked row
jQuery("#mySelectedColumnId").val(columnNumber); //set value in the inputtext
jQuery("#mySelectedColumnId").change(); //this will trigger the ajax listener
});
});