Tôi đã sử dụng Bootstrap Multiselect được tạo bởi Davidstutz.
Tôi đã kích hoạt đa hướng và cũng chọn tất cả các hộp kiểm, nhưng khi tôi chọn hộp kiểm, nó sẽ được chọn, nhưng không thả xuống không đóng như lựa chọn duy nhất. Đây là một yêu cầu rất cụ thể đối với tôi.
Làm thế nào tôi có thể đóng phần thả xuống cho từng lựa chọn tùy chọn như như hộp chọn bình thường?
HTML:
Answer:
272: if [this.options.multiple] {
273: // Simply select additional option.
274: $option.prop['selected', true];
+275: this.$button.click[];
}
Tôi đã thêm mã this.$button.click[];
vào hàng thứ 275 và cũng như phần khác của bootstrap-multiselect.js và nó chỉ hoạt động tốt, nhưng chỉnh sửa tệp cốt lõi không phải là một giải pháp chính hãng, vì vậy có ai biết cách xử lý sạch sẽ Điều này với cấp độ tài sản hoặc tùy chọn?
Gerard Fossoulproasked 2 năm trước pro asked 2 years ago
Làm thế nào tôi có thể làm cho Multiselect thực thi một chức năng khi mất lấy nét hoặc thoát?
Tôi có chức năng này:
$['#selectEmp'].on['change',function[e] { ....
Nhưng nó hoạt động với tôi bằng cách nhấn một tùy chọn, tôi muốn nó hoạt động khi tôi mất tập trung hoặc thoát.
Tôi đã thử 'Đóng', 'Lostf Focus', 'Blur' và không có cách nàoclose', 'lostfocus', 'blur' and there is no way
Gerard Fossoulproanswered 2 năm trước pro answered 2 years ago
Vui lòng chèn tối thiểu. 20 ký tự.
và tôi muốn biết mọi người chọn một tùy chọn khác nhau ..... bởi vì tôi mở chọn và don0t chọn bất cứ thứ gì, khi tôi đi ra ngoài, chức năng được chạy .... tôi muốn điều đó không chạy nếu tôi không Chọn bất kỳ tùy chọn nào ...
Gerard Fossoulproanswered 2 năm trước pro answered 2 years ago
Vui lòng chèn tối thiểu. 20 ký tự.
và tôi muốn biết mọi người chọn một tùy chọn khác nhau ..... bởi vì tôi mở chọn và don0t chọn bất cứ thứ gì, khi tôi đi ra ngoài, chức năng được chạy .... tôi muốn điều đó không chạy nếu tôi không Chọn bất kỳ tùy chọn nào ...
Câu hỏi khác, tôi có nhiều hơn một lần chọn, làm thế nào tôi biết lựa chọn thực tế?
Gerard Fossoulproanswered 2 năm trước pro answered 2 years ago
Vui lòng chèn tối thiểu. 20 ký tự.
Vui lòng chèn tối thiểu. 20 ký tự.
Bootstrap Multiselect - Ví dụ miễn phí, Mẫu & Hướng dẫn
Ph đa phản ứng đáp ứng được xây dựng với bootstrap 5. Ví dụ về thả xuống đa chọn với hộp kiểm, hộp sách, tìm kiếm, nút, nhóm, biểu tượng, xác thực, bị vô hiệu hóa
Không giống như một lựa chọn tiêu chuẩn, MultiSelect cho phép người dùng chọn nhiều tùy chọn cùng một lúc.
Lưu ý: Để tìm hiểu thêm về chọn thành phần chọn và xem tất cả các tùy chọn, phương thức, sự kiện và cách sử dụng nâng cao có sẵn - đọc phần chọn tài liệu & API To learn more about Select component and see all available options, methods, events and advanced usage - read Select Docs & API section
Ví dụ cơ bản
Thêm thuộc tính multiple
vào phần tử chọn để kích hoạt nhiều chế độ.
Lưu ý: Thành phần này yêu cầu gói MDBootStrap Pro. This component requires MDBootstrap Pro package.
Multisective với nhãn
Có thể thêm nhãn Chọn bằng cách tạo phần tử với các lớp ____ 5> và ________ 6>.
Multisective với trình giữ chỗ
Sử dụng tùy chọn placeholder
để đặt trình giữ chỗ để chọn đầu vào. Người giữ chỗ sẽ được hiển thị khi đầu vào được tập trung và không có tùy chọn nào được chọn.
Multiselect bị vô hiệu hóa
Thêm thuộc tính disabled
vào phần tử chọn để vô hiệu hóa đầu vào Chọn.
Tùy chọn vô hiệu hóa
Sử dụng thuộc tính disabled
trên phần tử tùy chọn để vô hiệu hóa tùy chọn cụ thể.
Nút rõ ràng
Đặt tùy chọn
272: if [this.options.multiple] {
273: // Simply select additional option.
274: $option.prop['selected', true];
+275: this.$button.click[];
}
0 thành 272: if [this.options.multiple] {
273: // Simply select additional option.
274: $option.prop['selected', true];
+275: this.$button.click[];
}
1 để hiển thị nút cho phép xóa các lựa chọn hiện tại.Nội dung tùy chỉnh
Một thùng chứa nội dung tùy chỉnh có lớp
272: if [this.options.multiple] {
273: // Simply select additional option.
274: $option.prop['selected', true];
+275: this.$button.click[];
}
2 sẽ được hiển thị ở cuối danh sách thả xuống chọn. Trong ví dụ này, chúng tôi đã thêm một nút.Các tùy chọn có thể nhìn thấy
Sử dụng tùy chọn
272: if [this.options.multiple] {
273: // Simply select additional option.
274: $option.prop['selected', true];
+275: this.$button.click[];
}
3 để thay đổi số lượng tùy chọn sẽ được hiển thị trong Downown Chọn mà không cần cuộn.Văn bản thứ cấp
Thêm
272: if [this.options.multiple] {
273: // Simply select additional option.
274: $option.prop['selected', true];
+275: this.$button.click[];
}
4 Thuộc tính dữ liệu vào các tùy chọn cụ thể để hiển thị văn bản thứ cấp.Tìm kiếm
Đặt tùy chọn
272: if [this.options.multiple] {
273: // Simply select additional option.
274: $option.prop['selected', true];
+275: this.$button.click[];
}
5 thành 272: if [this.options.multiple] {
273: // Simply select additional option.
274: $option.prop['selected', true];
+275: this.$button.click[];
}
1 để bật lọc tùy chọn.Chọn với tìm kiếm bên trong một phương thức
Do bẫy lấy nét trong các phương thức, không thể tập trung các phần tử bên ngoài [như chọn thả xuống]. Bạn có thể sử dụng tùy chọn Chọn
272: if [this.options.multiple] {
273: // Simply select additional option.
274: $option.prop['selected', true];
+275: this.$button.click[];
}
7 để giải quyết vấn đề này. 272: if [this.options.multiple] {
273: // Simply select additional option.
274: $option.prop['selected', true];
+275: this.$button.click[];
}
7 chấp nhận bộ chọn của phần tử bên trong thả xuống sẽ được hiển thị. Trong trường hợp này, bộ chọn phải trỏ đến thùng chứa phương thức [phần tử có lớp 272: if [this.options.multiple] {
273: // Simply select additional option.
274: $option.prop['selected', true];
+275: this.$button.click[];
}
9]. Điều quan trọng là sử dụng một bộ chọn duy nhất để gán chọn cho một phương thức cụ thể.Nhóm tùy chọn
Có thể nhóm các tùy chọn bằng cách sử dụng phần tử
$['#selectEmp'].on['change',function[e] { ....
0.Multisective với các biểu tượng
Thêm thuộc tính dữ liệu
$['#selectEmp'].on['change',function[e] { ....
1 vào các tùy chọn cụ thể để hiển thị biểu tượng tùy chọn.Thẩm định
Đặt tùy chọn
$['#selectEmp'].on['change',function[e] { ....
2 thành 272: if [this.options.multiple] {
273: // Simply select additional option.
274: $option.prop['selected', true];
+275: this.$button.click[];
}
1 để bật xác thực thành phần. Các tùy chọn $['#selectEmp'].on['change',function[e] { ....
4 và $['#selectEmp'].on['change',function[e] { ....
5 cho phép sửa đổi các thông báo xác thực.