Datatables Jquery
var AutoComplete = function () {
// Initialize app when document is ready
$(’.auto’).parent().find(‘input’).on(‘mouseover’, function () {
var autoTarget = $(this).parent().find(‘ul’);
var inputTarget = $(autoTarget).attr(‘input-target’);
var tableTarget = $(autoTarget).attr(‘table-target’);
var eTable = $(tableTarget).DataTable();
$(inputTarget).on(“keyup”, function () {
var data = eTable.column(2, { search: ‘applied’ }).search($(this).val()).data().unique();
$(autoTarget).empty();
data.each(function (value, index) {
$(autoTarget).append($("
}, this);
$(autoTarget).removeClass(“search-text”).addClass(“search-text-down”);
$(".suggest").on(“click”, function () {
o = $(this).children();
$(inputTarget).addClass(“dirty”).val(o.text());
$(autoTarget).removeClass(“search-text-down”).addClass(“search-text”);
});
});
});
};
$(document).ready(function () {
AutoComplete();
});
-
TÌnh hình e có 1 cái Datatables.
-
2 cái searchbox lận
-
vậy làm sao để 1 search box này độc lập lấy dữ liệu từ table về, còn 1 search box sẽ search trên table hiện thị lên table đó
-
theo cách trên em làm thì 2 search box này liên kết với nhau trả về table
Bạn có thể nói rõ muốn làm gì với 2 khung search đó không? Mình hiểu là có 1 cái để lấy dữ liệu nhằm hỗ trợ gợi ý cho người dùng (autocomplete). Cái còn lại chưa hiểu.
search1: search lọc dữ liệu rồi hiển thị.
search2: gợi ý ý những tên khách hàng có trong bảng để thêm vào
giả sử:
bạn có thể lên: https://datatables.net/examples/api/multi_filter.html ngay cái table thử tìm kiếm global rồi tìm kiếm từng cột sẽ biết
giải pháp tạm thời: