Yêu cầu thg 9 4, 2019 2:53 SA 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 thg 9 4, 2019 3:01 SA
+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ẻ
thg 9 4, 2019 3:04 SA

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

thg 9 4, 2019 3:30 SA

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

thg 9 4, 2019 5:20 SA

@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

thg 9 4, 2019 5:55 SA

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

thg 9 4, 2019 6:27 SA

@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
thg 11 29, 2019 10:42 SA

@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 thg 9 4, 2019 2:58 SA
Chia sẻ
thg 9 4, 2019 3:01 SA

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

Avatar Dao Thai Son @dao.thai.son
thg 9 4, 2019 4:28 SA

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

thg 9 4, 2019 5:19 SA

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

thg 9 9, 2019 6:16 SA

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

thg 9 9, 2019 9:07 SA

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

thg 9 9, 2019 9:38 SA
Đã trả lời thg 9 4, 2019 3:00 SA
+1

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

Chia sẻ
thg 9 4, 2019 3:01 SA

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í