Thủ thuật lập trình Asp.net, Kiến thức lập trình Asp.net: DataTables

Home » Posts filed under DataTables

JQuery DataTables Column Filter plugin on top in Asp.net

Monday, September 21, 2015 / No Comments

(Jquery datatables column Filter in Asp.net) – Chức năng tìm kiếm nhanh giúp người sử dụng tìm kiếm thông tin nhanh chóng, tuy nhiên do chức năng này tìm kiếm tất cả dữ liệu phù hợp với từ khóa đưa vào nên đôi khi kết quả đưa ra quá nhiều. Có nhiều cách để giải quyết vấn đề này như: lựa chọn tiêu chí tìm kiếm hoặc tìm kiếm ngay tại chính tiêu đề của cột dữ liệu. Vậy trong JQuery DataTables có hỗ trợ chức năng cho phép tìm kiếm tại tiêu đề mỗi cột dữ liệu trong danh sách không? Bài viết dưới đây sẽ hướng dẫn các bạn cách đưa thêm chức năng lọc trên tiêu đề cột, giúp người sử dụng lọc, tìm kiếm thông tin một cách nhanh chóng và dễ dàng.

Jquery DataTables Serverside By Generic Handler in Asp.net

Saturday, September 12, 2015 / No Comments

(Jquery DataTables Serverside Processing By Generic Handler) – Trong các bài viết trước chúng tôi đã giới thiệu các phương thức lấy dữ liệu của Jquery DataTables như: Ajax sourced data, HTML (DOM) sourced data, Server-side by WebServices, Server-side processing. Hôm nay chúng tôi sẽ giới thiệu thêm một phương thức lấy dữ liệu nữa đó là: Serverside By Generic Handler.

Create stored procedure for paging sorting and searching jQuery DataTables

Friday, September 11, 2015 / No Comments

(Create stored procedure for paging sorting and searching in SQL Server) -Đối với những bảng dữ liệu có số lượng bản ghi nhỏ thì chuyện xử lý khi hiển thị không quá bận tâm, bạn có thể lấy đồng thời tất cả dữ liệu và xử lý trên client-side. Tuy nhiên với những bảng dữ liệu lớn có đến hàng triệu bản ghi thì việc xử lý khi hiển thị sẽ phải đặc biệt lưu ý đến tốc độ xử lý, đặc biệt khi thực hiện các thao tác như: sắp xếp, phân trang, tìm kiếm dữ liệu. Nếu như việc xử lý không tối ưu sẽ làm người dùng có cảm giác khó chịu mỗi khi thao tác do mất quá nhiều thời gian. Vậy có giải pháp tối ưu nào để lấy dữ liệu trong 1 bảng có số lượng bản ghi lớn không?

Show Hide Rows of jQuery DataTables in Asp.net

Thursday, September 10, 2015 / No Comments

(Hide/show rows of jQuery DataTables in Asp.net) – Khi hiển thị dữ liệu với những bảng có nhiều trường, do màn hình có hạn nên không thể hiển thị hết được thông tin của tất cả các trường. Có một cách thông thường để giải quyết vấn đề này đó là kích và xem chi tiết. Với cách này thì người lập trình sẽ phải tạo thêm 1 trang khác để hiển thị thông tin dữ liệu, vậy có cách nào để có thể hiển thị dữ liệu ngay trên màn hình của danh sách không? Bài viết dưới đây sẽ hướng dẫn các bạn cách để ẩn/hiện thông tin chi tiết 1 dòng dữ liệu.

jQuery DataTables Server-side Processing Using asp.net Web services

/ No Comments

(Server-Side Data in jQuery DataTables with ASP.NET Web Services) – Một trong những tính năng tuyệt vời của jQuery DataTables plugin đó là khả năng xử lý dữ liệu từ phía máy chủ. Bài viết dưới đây sẽ giới thiệu cách làm việc của DataTables JQuery trong Asp.net với CSDL SQL Server được xử lý với Ajax và WebServices.

Example jQuery DataTables ServerSide Processing in Asp.net

/ No Comments

(jQuery DataTables Serverside processing for Asp.net) – jQuery DataTables ngoài việc hiển thị dữ liệu kiểu JSON nó còn có thể hiển thị với các CSDL như: MySQL, SQL Server… Bài viết dưới đây sẽ giới thiệu với các bạn cách lấy dữ liệu từ SQL Server.

Ajax data source of DataTables in Asp.net

Wednesday, September 9, 2015 / No Comments

(DataTables example - Ajax data source in Asp.net) – Ngoài việc đọc và hiển thị các dữ liệu trong MySQL, SQL Server thì DataTables còn có khả năng đọc dữ liệu từ hầu hết các nguồn dữ liệu JSON bằng Ajax. Dữ liệu để hiển thị sẽ là danh sách các mảng dữ liệu bao gồm các hàng và các cột được lưu giữ trên các file kể cả file TEXT.
Để biết thêm chi tiết về cách tải dữ liệu từ file TEXt bằng Ajax, xin vui lòng tham khảo bài viết dưới đây.

Scrolling and Bootstrap Tabs of DataTables in Asp.net

Tuesday, September 8, 2015 / No Comments

(DataTables Scrolling and Bootstrap tabs in Asp.net) – Bài viết dưới đây sẽ hướng dẫn các bạn cách kết hợp JQuery DataTables và Bootstrap Tabs để hiển thị dữ liệu ở các Tabs khác nhau. Ví dụ gồm 2 Tabs, Tab Customers sẽ hiển thị toàn bộ danh sách Customers và Tab Products sẽ hiển thị toàn bộ danh sách Products.

Custom Pagination of jQuery DataTables in Asp.net

/ No Comments

(Changing text on paging in DataTables) – Đối với các nút di chuyển trang mặc định trong jQuery DataTables đang để dạng Text, nếu như bạn muốn có thể thay đổi chúng bằng các ký hiệu hoặc Icon. Dưới đây là hướng đẫn để các bạn có thể dễ dàng thay đổi Pagination theo ý muốn.

Page Size and Scroller of DataTables in Asp.net

/ No Comments

(Set default page size DataTables in Asp.net) – Khi sử dụng jQuery DataTables để hiển thị dữ liệu, mặc định danh sách lựa chọn kích thước trang sẽ bao gồm: 10, 25, 50 và mặc định số lượng bản ghi/trang là 10. Vậy jQuery DataTables có cho phép bổ xung và thay đổi kích thước trang không? Bài viết dưới đây sẽ hướng dẫn các bạn thay đổi danh sách và lựa chọn mặc định 1 giá trị trong danh sách này.

JQuery DataTables Responsive in Asp.net

/ No Comments

(Responsive Datatables jquery in Asp.net) – Responsive Web Design là một trong những xu hướng phổ biến và được những người lập trình Web hướng tới. Do nó có thể đáp ứng hiển thị trên các thiết bị di động, với các kích thước màn hình khác nhau. Khi sử dụng Jquery Data tables để hiển thị dữ liệu bạn cũng có thể sử dụng Responsive. Và dưới đây là các bước thực hiện.

Các kiểu định dạng (Styling) của jQuery DataTables trong Asp.net

Monday, September 7, 2015 / No Comments

(Styling of jQuery DataTables in Asp.net) – Ngoài chức năng hiển thị dữ liệu dạng bảng tuyệt vời, Plugin jQuery DataTables còn cung cấp cho người phát triển nhiều loại định dạng khác nhau để lựa chọn. Mỗi loại định dạng đều có những kiểu trình bày, màu chữ, màu nền khác nhau, do đó người phát triển có thể lựa chọn định dạng cho riêng mình. Dưới đây là danh sách các kiểu định dạng và cách sử dụng chúng.

JQuery Datatables Row Reordering in Asp.net

/ No Comments

(jQuery DataTables – Row reordering in Asp.net) – Số thứ tự của dòng rất quan trong nó giúp người dùng dễ nhận biết số dòng/số thứ tự trong danh sách dữ liệu từ đó sẽ biết hiện mình đang thao tác ở bản ghi thứ bao nhiêu. Trong Gridview hoặc Datalist có hỗ trợ chức năng này, còn khi sử dụng jQuery DataTables để hiển thị dữ liệu nó có hỗ trợ tính năng này không? Bài viết dưới đây sẽ hướng dẫn cách bạn cách sử dụng tính năng đánh số thứ tự tự động mà jQuery DataTables đã hỗ trợ.

jQuery DataTables - Chọn/bỏ chọn dòng bằng Checkbox trong Asp.net

/ No Comments

(jQuery DataTables – Check Uncheck all CheckBoxes in ASP.Net Repeater) – Chức năng chọn tất cả các dòng trong danh sách giúp người sử dụng nhanh chóng thực hiện các thao tác như: xóa toàn bộ, sửa đồng loạt… Việc sử dụng chức năng này đã quá quen thuộc với các Control: Gridview, Datalist.. nhưng khi sử dụng jQuery DataTables để hiển thị dữ liệu và tích hợp chức năng chọn toàn bộ thì ít gặp. Bài viết dưới đây sẽ sử dụng jQuery DataTables để hiển thị dữ liệu trên Repeater và tích hợp chức năng chọn/bỏ chọn một hoặc nhiều dòng trong danh sách.

Footer callback of a DataTables in Asp.net

Sunday, September 6, 2015 / No Comments

(Footer callback of a DataTables in Asp.net) – Ngoài tính năng hiển thị dữ liệu tuyệt vời, plugin DataTables còn hỗ trợ người sử dụng nhiều tính năng khác. Một trong những tính năng đó chính là việc tính toán, tổng hợp số liệu tại các cột dữ liệu. Bài viết dưới đây sẽ hướng dẫn cách tính tổng của 1 trang và tổng của tất cả các trang trong 1 cột dữ liệu.

Sử dụng kỹ thuật Column rendering của jquery DataTables trong Asp.net

Saturday, September 5, 2015 / No Comments

(JQuery DataTables Column rendering in Asp.net) – Khi hiển thị dữ liệu trên các bảng, việc lựa chọn các cột thông tin quan trọng luôn được ưu tiên khi có nhiều trường. Đôi khi có nhiều trường cho hiển thị thì mất diện tích nhưng không cho vào thì lại thiếu, ví dụ như trường tuổi trong danh sách nhân sự.

Sử dụng Plugin jQuery DataTables để hiển thị dữ liệu trong Repeater Asp.net

/ No Comments

(ASP.NET Repeater With jQuery DataTables) – Plugin jQuery DataTables là một tiện ích tuyệt vời cho việc hiển thị dữ liệu dạng bảng. Ngoài việc hiển thị dữ liệu nó còn giúp người lập trình không phải bận tâm đến vấn đề tìm kiếm, sắp xếp hoặc phân trang. Bài viết dưới đây sẽ hướng dẫn các bạn cách kết hợp Plugin jQuery DataTables và Repeater để hiển thị dữ liệu trong SQL Server.

Subscribe to: Posts ( Atom )

News Ticker