내 asp.net 버튼을 클릭하면 내 jQuery 페이지가 기능적으로 중단됩니다.

Question

jQueryPagination 플러그인을 구현하여 리피터 컨트롤을 쉽게 페이징 할 수있게했습니다. 이것은 잘 작동하지만,이 페이지에는 사용자가 티켓 번호를 검색 할 수있는 사용자 정의 컨트롤이 있습니다. 검색 할 버튼을 클릭하면 페이지 매김이 사라지고 모든 리피터 정보와 반환 된 검색 결과가 표시됩니다.

링크 버튼을 클릭하면 jQuery가 존재하지 않는 것 같습니다.

는

코드 :

<div id="msgLinks" class="subtabs"> 
      <asp:TextBox runat="server" ID="txtSearchTicket"></asp:TextBox> 
      <asp:LinkButton ID="lbSearch" runat="server" Text="Search" CausesValidation="false" 
       onclick="lbSearch_Click" /> 
</div> 

jQuery를 내가 심지어

$(".subtabs a").click(function() { 
     alert("Clicked"); 
     $('#tblRecAct').paginateTable({ 
      rowsPerPage: 5, 
      Title: ".h1RecentActivity" 
     }); 
    }); 

를 호출 시도했지만 여전히 작동하지 않습니다

$('#tblRecAct').paginateTable({ 
     rowsPerPage: 5, 
     Title: ".h1RecentActivity" 
    }); 
    $('#tblMSG').paginateTable({ 
     rowsPerPage: 2, 
     Title: ".h1SubmittedMessages", 
     pager: ".pager2", 
     pageNumbers: ".pageNumbers2" 

    }); 

(페이지로드에서 작동). 어떤 아이디어?

편집 요청에 따라 새로운 코드 :

이

페이지 -

public string _Js = ""; 
     protected void Page_Load(object sender, EventArgs e) 
     { 
      if (!Page.IsPostBack) 
      { 
       rptRecentMessages.DataSource = CMS.Model.Profile.RecentMessages(0, ""); 
       rptRecentMessages.DataBind(); 
       _Js = "CreatePaging();"; 
       LoadStatusMessages(); 
      } 
     } 

사용자 컨트롤 (검색 버튼을 보유) -

rptRecentActivity.DataSource = CMS.Model.Profile.RecentActivity(20); 
rptRecentActivity.DataBind(); 
_Js = "CreatePaging();"; 

검색 버튼을 클릭 -

protected void lbSearch_Click(object sender, EventArgs e) 
     { 
      string searchTerms = txtSearchTicket.Text; 
      if (searchTerms == "") 
       txtSearchTicket.Style.Add("border", "1px solid red"); 
      else 
      { 
       rptRecentMessages.DataSource = CMS.Model.Profile.RecentMessages(1, searchTerms); 
       rptRecentMessages.DataBind(); 
       _Js = "CreatePaging();"; 
       LoadStatusMessages(); 
      } 
     } 

페이지에

jQuery를 코드 -

<script type="text/javascript"> 
    $(document).ready(function() { 
     function CreatePaging(){ 
      $('#tblRecAct').paginateTable({ 
       rowsPerPage: 5, 
       Title: ".h1RecentActivity" 
      }); 
      $('#tblMSG').paginateTable({ 
       rowsPerPage: 2, 
       Title: ".h1SubmittedMessages", 
       pager: ".pager2", 
       pageNumbers: ".pageNumbers2" 

      }); 
     } 

     $().ready(function(){ 
      <% =(this._Js) %> 

     }); 

    }); 



</script> 

내가 디버깅 지금 검색 링크를 클릭하고, 나는를 Page_Load에 다시 게시하지 않습니다 나는 이유를 모르겠습니다.

Answer 1

는 클릭에서 링크를 방지 할 수 코드 return false;를 추가

$(".subtabs a").click(function() { 
    alert("Clicked"); 
    $('#tblRecAct').paginateTable({ 
     rowsPerPage: 5, 
     Title: ".h1RecentActivity" 
    }); 
    return false; 
}); 

에 클릭을 변경

하지만 jQuery 코드를 실행합니다. 쉽게 뒤에 코드에서

function CreatePaging(){ 
    $('#tblRecAct').paginateTable({ 
     rowsPerPage: 5, 
     Title: ".h1RecentActivity" 
    }); 
    $('#tblMSG').paginateTable({ 
     rowsPerPage: 2, 
     Title: ".h1SubmittedMessages", 
     pager: ".pager2", 
     pageNumbers: ".pageNumbers2" 

    }); 
} 

$().ready(function(){ 
    <% =(this._Js) %> 
}); 

그런 다음 C#을에서 호출 할 수 있도록

편집

기능으로 jQuery 코드를 넣어라는 공공 문자열 변수가 _Js 때 당신은 리피터를 바인드합니다. _Js = "CreatePaging();";