Asked Sep 4th, 2:53 AM 102 0 3
  • 102 0 3
0

Xử lý khi click outside select2 multiple

Share
  • 102 0 3

Mọi người cho em hỏi có event nào của select2 multiple khi chọn dữ liệu xong rồi click ra bên ngoài select2 thì xử lý tiếp theo không ạ, giống như kiểu blur event. Cảm ơn trước ạ

3 ANSWERS


Answered Sep 4th, 3:01 AM
+3

Nếu mình nhớ không nhầm thì mỗi lần bạn click chọn dữ liệu xong thì nó đề close cái dropdown chọn mà nhỉ. Nếu bạn muốn bắt cái event sau khi chọn xong thì nó sẽ là select2:close hoặc select2:closing. Bạn có thể tham khảo tại đây:

Share
Sep 4th, 3:04 AM

Ko phải cái này bạn à, mình muốn chọn nhiều xong click ra ngoài mới xử lý, còn cái này là mỗi khi click chọn data trong select thì nó đã xử lý rồi, BTW thank bạn

0
| Reply
Share
Sep 4th, 3:30 AM

@thanhtungs vậy từ phiên bản 4 trở đi là Select2 bỏ mất cái event Blur rồi nhé bạn phiên bản cuối cùng còn là 3.5.4 nhé

0
| Reply
Share
Sep 4th, 5:20 AM

@HuyDQ đúng rồi, còn issue mình giải quyết được rồi, cảm ơn b đã nhiệt tình support

0
| Reply
Share
Sep 4th, 5:55 AM

@thanhtungs nếu vậy bạn có thể share giải pháp của mình lên luôn không để sau này người kahsc có thể sẽ gặp phải trường hợp như bạn sẽ đọc được 😄

0
| Reply
Share
Sep 4th, 6:27 AM

@HuyDQ Mình check sự thay đổi của select2 khi click bên ngoài select thì thấy sự thay đổi của class, vậy nên mình kiểm tra class có tồn tại không, nếu không có thì mình xử lý ....😄

+1
| Reply
Share
Answered Sep 4th, 2:58 AM
Share
Sep 4th, 3:01 AM

Để mình thử xem. Xin chân thành cảm ơn 😄

0
| Reply
Share
Dao Thai Son @dao.thai.son
Sep 4th, 4:28 AM

Có được không bác ơi?

0
| Reply
Share
Sep 4th, 5:19 AM

Mình xử lý được rồi, nhưng bằng cách khác 😄

0
| Reply
Share
Sep 9th, 6:16 AM

@thanhtungs Bạn có thể share lại solution của mình lên để cho ae trên Viblo tham khảo được ko?

0
| Reply
Share
Sep 9th, 9:07 AM

@huukimit Đây là solution của mình, hi vọng hữu ích cho một số bạn 😄 : B1: check sự kiện not click vào select2, B2: Mình kiểm tra sự thay đổi, khi click vào select2 thì xuất hiện class "select2-container--below " và "select2-selection--multiple", còn khi click ra ngoài thì xuất hiện class "select2-container--focus", mình check length 2 thằng này. B3: Xử lý tiếp ....

+1
| Reply
Share
Sep 9th, 9:38 AM
0
| Reply
Share
Answered Sep 4th, 3:00 AM
+1

http://jsfiddle.net/TmK2K/ bạn thử xài demo giống giống dạng này được không.

Share
Sep 4th, 3:01 AM

Cảm ơn ạ, để mình thử xem

0
| Reply
Share