Sort ajax , sắp xếp thứ tự tăng dần,giảm dần dùng ajax

14:44 pm GMT +7 Hanoi |

Trang chủ ›

Trao đổi - học tập ›

Mã nguồn

Thêm vào trang Google +

Sort ajax , sắp xếp thứ tự tăng dần,giảm dần dùng ajax

Sắp xếp lại các trường theo thứ tự tăng dần,giảm dần mà không load lại trang,code sử dụng ajax chỉ duy nhất 1 file js,cách dùng đơn giản.

Cách dùng
Bước 1 :

Chèn đoạn javascript này vào website của bạn

CODE


<script src="sorttable.js" type="text/javascript"></script>

Bước 2

Tạo 1 table và thêm thuộc tính class sortable cho table đó

CODE


<table class="sortable"> ... </table>

Ví dụ đầy đủ :

CODE


<table class="sortable">

<!-- Table Header -->

<thead>

<tr>

<th>Company</th>

<th>Ticker</th>

</tr>

</thead>



<!-- Tabel body-->

<tbody>

<tr>

<td>Apple Inc</td>

<td>AAPL</td>

</tr>



<tr>

<td>GoogleInc</td>

<td>GOOG</td>

</tr>

</tbody>



<!-- Tabel footer-->

<tfoot>

<tr>

<td>Total</td>

<td> 00.00</td>

</tr>

</tfoot>

</table>

Khi bạn click vào tiêu đề (Ví dụ "Company" hay "Ticker" ) thì tất cả các trường trong >tbody> sẽ sắp xếp theo thứ tự tăng dần,hoặc giảm dần

Đơn giản phải không nào,rất dễ sử dụng và tiện ích.
Download toàn bộ ví dụ và mã nguồn bên dưới

Thêm vào trang Google +

Số lần xem : 6827

Đánh giá

Facebook

File đính kèm

sorttable.rar (5.98 Kb) - Download: 583

Bài viết liên quan

08/12/2014 11:05 Mã nguồn website bán hàng bằng cakephp
14/05/2012 10:11 Tạo bàn phím ảo trên ứng dụng web, Jquery virtual keyboard
30/12/2010 21:00 Code lấy thông tin chứng khoán
14/12/2010 09:28 Cloud Zoom: jQuery Plugin giúp phóng to hình ảnh với nhiều tính năng
12/12/2010 13:24 Flash noel , trang chủ giáng sinh

Bài viết mới hơn

<< Trang trước