在Struts2中使用JQuery表排序器

Using JQuery table sorter in Struts2

本文关键字：排序 JQuery Struts2      更新时间：2023-09-26

我的问题主要是从jquery获得表排序器正确操作。我相信这个问题源于我使用迭代器来显示我的表信息的事实-这在我设计struts2页面的方式中是必要的。

首先，我把jquery-1.11.1.min.js文件放在我的WEB-INF/lib文件夹中。我觉得把它放在这里很方便。因此，我的jsp页面中的标签看起来像:

 <head>
      <script type="text/javascript" src="/My_Project/WebContent/WEB-INF/lib/jquery-1.11.1.min.js"></script>
      <script type="text/javascript" src="/My_Project/WebContent/WEB-INF/lib/jquery-1.11.1.min.tablesorter.js"></script>
      <script type="text/javascript">
         $(document).ready(function() {
            $("#table").tablesorter();
       });
      </script>
 </head>

那么在我的body中，我有一个表，它看起来像:

 <table id="table" class="tablesorter">
      <thead>
           <tr>
                <th>column</th>
                <th>column</th>
           </tr>
      </thead>
    <tbody>
        <s:iterator status="stat" value="listTable">
            <TR>
                <TD><s:property value="%{row1}" /></td>
                <TD><s:property value="%{row2}" /></td>
            </TR>
        </s:iterator>
    </tbody>
</table>

我的问题是，我错过了什么?迭代器是我不能让表排序器工作的原因吗?是我的格式问题吗?

任何帮助信息或更好的例子将不胜感激。

跟随这个jsFiddle。hjsfiddle.net/Mottie/4mVfu/1/

你会发现你错过了什么。

相关文章：