Trình đơn thả xuống bootstrap không hoạt động laravel
Mọi hoạt động sử dụng plugin JS trong bảng dữ liệu phải được khởi tạo lại. Vì các phần tử bên trong bảng dữ liệu được thêm động sau khi bảng dữ liệu được tải. Vui lòng thử thêm chức năng SweetAlert bên trong drawCallback tương tự như danh sách thả xuống Show
Cảm ơn M MOUNIR FIDRMAN 10 tháng trước Đáp lại Một câu hỏi nữa. tại sao tài khoản của tôi ở đây trong nhà phát triển. quan tâm chủ đề. com được đánh dấu là khách? F Faizal Tác giả10 tháng trước Đáp lại Xin chào Vui lòng thêm tên của bạn vào trang hồ sơ của bạn https. // nhà phát triển. quan tâm chủ đề. com/tài khoản/chỉnh sửa Cảm ơn M MOUNIR FIDRMAN 10 tháng trước Đáp lại Cảm ơn Faizal. F Faizal Tác giả10 tháng trước Đáp lại Xin chào, Bạn có thể làm một cái gì đó như thế này để sử dụng sweetalert với một nút bấm sao chép
Cảm ơn M MOUNIR FIDRMAN 10 tháng trước Đáp lại Xin chào sao chép
biểu mẫu (trong tệp menu_action blade của dữ liệu) sao chép
và đây là con đường sao chép
tập lệnh sau khi chỉnh sửa (trong tệp menu_action blade) sao chép
M MOUNIR FIDRMAN 10 tháng trước Đáp lại Cảm ơn Faizal vì sự giúp đỡ của bạn, tôi đánh giá cao điều đó. Tôi đã khắc phục được sự cố của mình Cám ơn bạn một lần nữa F Faizal Tác giả10 tháng trước Đáp lại Rất vui vì bạn đã khắc phục sự cố Vui lòng cho chúng tôi biết nếu bạn cần thêm trợ giúp Cảm ơn M MOUNIR FIDRMAN 10 tháng trước Đáp lại Tôi đã cố gắng tạo lại lệnh gọi KTMenu nhưng tôi không thể tìm thấy bất kỳ biến nào gọi là Ktmenu liên kết với các nút có thể truy cập được dưới dạng lần phát hành đầu tiên Nhà phát triển được thuê của tôi dường như không thành thạo chủ đề và theo lời anh ấy. Chủ đề Metronic là một chủ đề rất tốt nhưng nó quá phức tạp Tôi đang cố gắng tự thực hiện chức năng nhưng không thành công, nếu bạn có thể hỗ trợ tôi thì thật tuyệt Faizal Danh sách thả xuống có thể chuyển đổi, lớp phủ theo ngữ cảnh để hiển thị danh sách liên kết và hơn thế nữa. Chúng được thực hiện tương tác với plugin JavaScript thả xuống Bootstrap đi kèm. Chúng được bật bằng cách nhấp chuột, không phải bằng cách di chuột; Danh sách thả xuống được xây dựng trên thư viện của bên thứ ba, Popper, cung cấp tính năng định vị động và phát hiện chế độ xem. Hãy chắc chắn bao gồm popper. tối thiểu. js trước JavaScript của Bootstrap hoặc sử dụng 4 / 5 có chứa Popper. Popper không được sử dụng để định vị danh sách thả xuống trong thanh điều hướng mặc dù không yêu cầu định vị độngkhả năng tiếp cậnTiêu chuẩn WAI ARIA xác định một thực tế, nhưng điều này dành riêng cho các menu giống như ứng dụng kích hoạt các hành động hoặc chức năng. Menu ARIA chỉ có thể chứa các mục menu, mục menu hộp kiểm, mục menu nút radio, nhóm nút radio và menu phụ Mặt khác, trình đơn thả xuống của Bootstrap được thiết kế chung chung và có thể áp dụng cho nhiều tình huống và cấu trúc đánh dấu. Chẳng hạn, có thể tạo danh sách thả xuống chứa đầu vào bổ sung và điều khiển biểu mẫu, chẳng hạn như trường tìm kiếm hoặc biểu mẫu đăng nhập. Vì lý do này, Bootstrap không mong đợi (cũng như không tự động thêm) bất kỳ thuộc tính 7 và 8 nào cần thiết cho các menu ARIA thực sự. Các tác giả sẽ phải tự đưa vào các thuộc tính cụ thể hơn nàyTuy nhiên, Bootstrap có thêm hỗ trợ tích hợp cho hầu hết các tương tác menu bàn phím tiêu chuẩn, chẳng hạn như khả năng di chuyển qua các phần tử 9 riêng lẻ bằng các phím con trỏ và đóng menu bằng phím ESCví dụBọc nút chuyển đổi của trình đơn thả xuống (nút hoặc liên kết của bạn) và trình đơn thả xuống trong phạm vi 00 hoặc một phần tử khác khai báo 01. Danh sách thả xuống có thể được kích hoạt từ các yếu tố 02hoặc để phù hợp hơn với nhu cầu tiềm năng của bạn. Các ví dụ hiển thị ở đây sử dụng ngữ nghĩa
nút đơnBất kỳ 03 đơn lẻ nào cũng có thể được chuyển thành nút chuyển đổi thả xuống với một số thay đổi đánh dấu. Đây là cách bạn có thể làm cho chúng hoạt động với một trong haiyếu tố 4 04 05Và với ____102elements 8Phần tốt nhất là bạn cũng có thể làm điều này với bất kỳ biến thể nút nào 9nút táchTương tự, tạo danh sách thả xuống của nút tách với cách đánh dấu gần giống như danh sách thả xuống của nút đơn, nhưng có thêm 07 để tạo khoảng cách thích hợp xung quanh dấu mũ thả xuốngChúng tôi sử dụng lớp bổ sung này để giảm 25% 08 nằm ngang ở hai bên của dấu mũ và loại bỏ 09 được thêm vào cho các nút thả xuống thông thường. Những thay đổi bổ sung đó giữ cho dấu nháy ở giữa nút tách và cung cấp vùng nhấn có kích thước phù hợp hơn bên cạnh nút chính
định cỡMenu thả xuống nút hoạt động với các nút ở mọi kích cỡ, bao gồm các nút thả xuống mặc định và chia nhỏ Nút tách lớn Toggle Dropdown 0Nút tách nhỏ Toggle Dropdown 5thả xuống tốiChọn tham gia menu thả xuống tối hơn để phù hợp với thanh điều hướng tối hoặc kiểu tùy chỉnh bằng cách thêm 50 vào một 51 hiện có. Không cần thay đổi đối với các mục thả xuống 8Và đưa nó vào sử dụng trong thanh điều hướng 9HướngRTLChỉ đường được nhân đôi khi sử dụng Bootstrap trong RTL, nghĩa là 52 sẽ xuất hiện ở bên phảidropupKích hoạt menu thả xuống phía trên các phần tử bằng cách thêm 53 vào phần tử gốcTách dropup Chuyển đổi thả xuống 2Thả ngayKích hoạt menu thả xuống ở bên phải của các phần tử bằng cách thêm 54 vào phần tử chínhTách dropend Toggle Dropright 4thả tráiKích hoạt menu thả xuống ở bên trái của các phần tử bằng cách thêm 52 vào phần tử chính 80Bạn có thể sử dụng các phần tử 02or làm mục thả xuống 4 57 58Bạn cũng có thể tạo các mục thả xuống không tương tác với 59. Thoải mái tạo kiểu hơn nữa với các tiện ích văn bản hoặc CSS tùy chỉnh 82Tích cựcThêm 80 vào các mục trong danh sách thả xuống để định kiểu chúng là hoạt động. Để chuyển trạng thái hoạt động sang các công nghệ hỗ trợ, hãy sử dụng thuộc tính 81 — sử dụng giá trị 82 cho trang hiện tại hoặc 83 cho mục hiện tại trong một bộ 83Vô hiệu hóaThêm 84 vào các mục trong danh sách thả xuống để định kiểu chúng là bị vô hiệu hóa 84Theo mặc định, menu thả xuống được tự động định vị 100% từ trên cùng và dọc theo bên trái của menu chính. Bạn có thể thay đổi điều này bằng các lớp 85 định hướng, nhưng bạn cũng có thể kiểm soát chúng bằng các lớp sửa đổi bổ sungThêm 86 vào một 51 để căn phải menu thả xuống. Chỉ đường được nhân đôi khi sử dụng Bootstrap trong RTL, nghĩa là 86 sẽ xuất hiện ở phía bên tráiĐứng lên. Danh sách thả xuống được định vị nhờ Popper trừ khi chúng được chứa trong thanh điều hướng Ví dụ về menu căn phải 85căn chỉnh đáp ứngNếu bạn muốn sử dụng căn chỉnh đáp ứng, hãy tắt tính năng định vị động bằng cách thêm thuộc tính 89 và sử dụng các lớp biến thể đáp ứngĐể căn chỉnh menu thả xuống bên phải với điểm dừng đã cho hoặc lớn hơn, hãy thêm 90Căn trái nhưng căn phải khi màn hình lớn 86Để căn trái menu thả xuống với điểm dừng đã cho hoặc lớn hơn, hãy thêm 86 và 92Căn phải nhưng căn trái khi màn hình lớn 87Lưu ý rằng bạn không cần thêm thuộc tính 89 vào các nút thả xuống trong thanh điều hướng vì Popper không được sử dụng trong thanh điều hướngtùy chọn căn chỉnhSử dụng hầu hết các tùy chọn được hiển thị ở trên, đây là bản demo bồn rửa nhà bếp nhỏ về các tùy chọn căn chỉnh thả xuống khác nhau ở một nơi Căn trái, căn phải lg Căn phải, căn trái lg 88Thêm tiêu đề để gắn nhãn các phần hành động trong bất kỳ menu thả xuống nào 89dải phân cáchTách các nhóm mục menu có liên quan bằng một dải phân cách 90ChữĐặt bất kỳ văn bản dạng tự do nào trong menu thả xuống có văn bản và sử dụng các tiện ích giãn cách. Lưu ý rằng bạn có thể sẽ cần các kiểu định cỡ bổ sung để hạn chế chiều rộng của menu 91Các hình thứcĐặt một biểu mẫu trong menu thả xuống hoặc biến nó thành một menu thả xuống và sử dụng các tiện ích lề hoặc đệm để cung cấp cho nó khoảng trống mà bạn yêu cầu 92 93tùy chọn thả xuốngSử dụng 94 hoặc 95 để thay đổi vị trí của danh sách thả xuống 94Tự động đóng hành viTheo mặc định, menu thả xuống bị đóng khi nhấp vào bên trong hoặc bên ngoài menu thả xuống. Bạn có thể sử dụng tùy chọn 96 để thay đổi hành vi này của trình đơn thả xuống 95ngổ ngáoBiếnBiến cho tất cả danh sách thả xuống 96Các biến cho 97Các biến cho dấu mũ dựa trên CSS biểu thị tính tương tác của trình đơn thả xuống 98hỗn hợpMixin được sử dụng để tạo dấu mũ dựa trên CSS và có thể tìm thấy trong 97 99Cách sử dụngThông qua thuộc tính dữ liệu hoặc JavaScript, plugin thả xuống chuyển đổi nội dung ẩn (menu thả xuống) bằng cách chuyển đổi lớp 98 trên lớp cha mẹ 51. Thuộc tính 20 được dựa vào để đóng các menu thả xuống ở cấp ứng dụng, vì vậy bạn nên luôn sử dụng thuộc tính nàyTrên các thiết bị hỗ trợ cảm ứng, việc mở menu thả xuống sẽ thêm các trình xử lý 21 trống vào phần tử con trực tiếp của phần tử. Bản hack xấu xí được thừa nhận này là cần thiết để giải quyết một vấn đề trong ủy quyền sự kiện của iOS, điều này sẽ ngăn một lần nhấn ở bất kỳ đâu bên ngoài danh sách thả xuống kích hoạt mã đóng danh sách thả xuống. Sau khi đóng trình đơn thả xuống, các trình xử lý 21 trống bổ sung này sẽ bị xóaThông qua thuộc tính dữ liệuThêm 20 vào một liên kết hoặc nút để chuyển đổi danh sách thả xuống 0Qua JavaScriptGọi danh sách thả xuống qua JavaScript 1
Route::resource('agent', App\Http\Controllers\AgentController::class); |