Yêu cầu Sep 4th, 2019 2:53 a.m. 387 0 3
  • 387 0 3
0

Xử lý khi click outside select2 multiple

Chia sẻ
  • 387 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 CÂU TRẢ LỜI


Đã trả lời Sep 4th, 2019 3:01 a.m.
+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:

Chia sẻ
Sep 4th, 2019 3:04 a.m.

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

Sep 4th, 2019 3:30 a.m.

@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é

Sep 4th, 2019 5:20 a.m.

@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

Sep 4th, 2019 5:55 a.m.

@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 😄

Sep 4th, 2019 6:27 a.m.

@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ý ....😄

Avatar Huỳnh Gà @honghuynhit
Nov 29th, 2019 10:42 a.m.

@thanhtungs 😄 một khi không có giải pháp cho đường thẳng. Khi vạch ra được đường mới đó là một cảm giác vui khó tả( 😄 )

Đã trả lời Sep 4th, 2019 2:58 a.m.
Chia sẻ
Sep 4th, 2019 3:01 a.m.

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

Avatar Dao Thai Son @dao.thai.son
Sep 4th, 2019 4:28 a.m.

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

Sep 4th, 2019 5:19 a.m.

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

Sep 9th, 2019 6:16 a.m.

@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?

Sep 9th, 2019 9:07 a.m.

@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 ....

Sep 9th, 2019 9:38 a.m.
Đã trả lời Sep 4th, 2019 3:00 a.m.
+1

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

Chia sẻ
Sep 4th, 2019 3:01 a.m.

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

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí