Datatables Jquery

[Nam_Binh (Higher)]

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($("<li class='suggest'><span class='suggest-name'>" + value + "</span></li>"));
			}, 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

[vhnam (Võ Hoài Nam)]

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.

[Nam_Binh (Higher)]

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ử:

• khi mình muốn thêm 1 đơn hàng với customer đã có tên trong table rồi tới phần gợi ý đánh vài chữ rồi ngưng. Nhưng khi lên search1 tìm kiếm thì kết quả nó vẫn dính tới search2
  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
• cũng đã thử cho value trong input đó = “” nhưng không đc!

giải pháp tạm thời:

• sau khi cancel search2 thì sẽ tìm kiếm với null("") nhưng nhìn không hay lắm