Jqueery problem

loktoy

Established
patulong po kasi po kung saan lang yun active na pagination dun lang po sya masesearch gusto ko po mangyari po ay sa lahat ng pagination halimbawa po 1-2-3-4-5 lahat ng laman dun ay masesearch..po.

ito po code ko
<script type="text/javascript">
$(document).ready(function(){

$('#search').keyup(function(){

search_table($(this).val());

});

function search_table(value){

$('#table tr').each (function(){
var found = 'false';
$(this).each(function(){
if($(this).text().toLowerCase().indexOf(value.toLowerCase()) >=0){
found = 'true';
}
});
if (found == 'true'){
$(this).show();
}else {
$(this).hide();
}
});
}
})
 
Ang code na ibinahagi mo ay hindi naglalagay ng pagination sa iyong table. Ito lamang ay nagbibigay ng search functionality sa mga linya ng iyong talahanayan. Upang magkaroon ng active pagination at ma-search ang mga elemento sa bawat pahina, kailangan mong maipasa ang mga resulta ng iyong paghahanap sa bawat pahina.

Isa sa mga paraan upang ma-achieve ito ay gamitin ang jQuery DataTables plugin. Ito ay isang malapad na plugin na nagbibigay ng mga tampok na pagination, sorting, at search sa iyong table. Narito ang isang halimbawa ng paggamit ng DataTables plugin sa iyong kodigo:

1. I-download at i-import ang DataTables plugin sa iyong HTML:

HTML:
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.23/css/jquery.dataTables.min.css">
<script type="text/javascript" src="https://cdn.datatables.net/1.10.23/js/jquery.dataTables.min.js"></script>

2. I-update ang iyong kodigo upang gamitin ang DataTables plugin:

HTML:
<script type="text/javascript">
$(document).ready(function(){
  // I-initialize ang DataTables plugin sa iyong table
  $('#table').DataTable();

  // I-bind ang search event sa DataTables search box
  $('#table_filter input').keyup(function(){
    // I-trigger ang search event sa DataTables plugin
    $('#table').DataTable().search($(this).val()).draw();
  });
});
</script>

Iyon lamang po ang mga kinakailangan upang magkaroon ng active pagination at ma-search ang mga elemento sa bawat pahina gamit ang DataTables plugin. Siguraduhin na idinagdag mo ang mga kinakailangang JavaScript at CSS na naka-link sa iyong HTML.
 

Similar threads

About this Thread

  • 1
    Replies
  • 258
    Views
  • 1
    Participants
Last reply from:
Unknown user

Online now

Members online
1,007
Guests online
1,267
Total visitors
2,274

Forum statistics

Threads
2,276,161
Posts
28,967,972
Members
1,231,145
Latest member
kennethCASTRO2012
Back
Top