0

我有 primefaces 数据表。数据表中的数据是用 h:commandLink 创建的。我用 jquery ajax 浏览器后退按钮开发。使用哈希， location.hash="#paginator="+x; 一切正常，没有问题。

我的问题是。当我第一次点击链接时，链接一开始不起作用。只会删除 url 中的哈希。第二次它起作用了。但是浏览器后退按钮不起作用。点击时 h:commandLink 如何正常工作。

<script type="text/javascript">

    $("span.ui-paginator-page").live('click',function(e){
      var x = $(this).text();
      location.hash = "#paginator="+x;
      e.preventDefault();
    }); 

    $(document).ready(function(){
      window.onhashchange = ajaxhistory;
    });

    function ajaxhistory(){
      var wert2 = window.location.hash;
      jQuery.ajax({
        type: 'POST',
        data: myvalue, 
        success: function(myvalue){
          $('#content_data').load('index.xhtml #content_data');
          var fragment = document.getElementById('fragment');
          fragment.value = window.location.hash;
          fragment.onchange();
        }
      });  
   };
</script>   




<h:inputText id="fragment" value="#{paginatorBean.fragment}">
  <f:ajax event="change" execute="@form" listener="#{paginatorBean.processFragment}" />
</h:inputText>

<p:dataTable id="content_data" value="#{myDataBean.lazyModel}" var="item"
                             paginator="true" rows="10" 
                             paginatorPosition="bottom"
                             paginatorTemplate="  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} "  
                             rowsPerPageTemplate="5,10,15"
                             lazy="true" 
                             >  


  <p:column >
   <h:commandLink class="mybutton" value="#{item.name} #{item.autotextcomplete}"  action="#{myDataBean.goto(item.id)}"/>

  </p:column>

4

0 回答 0