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

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

Trình đơn thả xuống bootstrap không hoạt động laravel

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.
Tôi vẫn đang hối hả triển khai xác nhận xóa SweetAlert trong menu hành động của bảng dữ liệu.
Nếu bạn có thể dành chút thời gian để giúp tôi với điều đó, tôi sẽ rất biết ơn.

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

$(document).on('click', '.delete-button', function (e) {
e.preventDefault();
Swal.fire({
showCancelButton: true,
buttonsStyling: false,
}).then((result) => {
if (result.isConfirmed) {
}
});
});

Cảm ơn

M

MOUNIR FIDRMAN 10 tháng trước

Đáp lại

Xin chào
Tôi đang sử dụng cùng một mã và sau nhiều lần cố gắng sửa nó, tập lệnh sẽ bị xóa mà không đợi người dùng xác nhận việc xóa trên thông báo cảnh báo hấp dẫn, .
https. //www. ghi hình. com/t/mkrgOaKd4y
và đây là mã thực của tôi.
Bộ điều khiển.

sao chép

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;

biểu mẫu (trong tệp menu_action blade của dữ liệu)

sao chép


{{-- @method('delete') --}}
@csrf


và đây là con đường

sao chép

Route::resource('agent', App\Http\Controllers\AgentController::class);

tập lệnh sau khi chỉnh sửa (trong tệp menu_action blade)

sao chép

function myFunction()
{
Swal.fire({
title: 'Are you sure?',
text: "You won't be able to revert this!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, delete it!'
}).then((result) => {
if (result.isConfirmed) {
form.submit();
Swal.fire(
'Deleted!',
'Your file has been deleted.',
'success'
)
}
});
}

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ố

Trình đơn thả xuống bootstrap không hoạt động laravel

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

Trình đơn thả xuống bootstrap không hoạt động laravel

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


Action Toggle Dropdown

4 /

Action Toggle Dropdown

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ị động

khả năng tiếp cận

Tiê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


Action Toggle Dropdown

7 và

Action Toggle Dropdown

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ày

Tuy 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ử


Action Toggle Dropdown

9 riêng lẻ bằng các phím con trỏ và đóng menu bằng phím ESC

ví 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

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
00 hoặc một phần tử khác khai báo
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
01. Danh sách thả xuống có thể được kích hoạt từ các yếu tố
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
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

    các yếu tố thích hợp, nhưng đánh dấu tùy chỉnh được hỗ trợ

    nút đơn

    Bất kỳ

    $agent->delete();
    return redirect()->route('agent.index')->with('success','User deleted successfully');;
    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 hai

yếu tố

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
4

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
04

    $agent->delete();
    return redirect()->route('agent.index')->with('success','User deleted successfully');;
    05

Và với ____102elements

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
8

Phầ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

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
9

nút tách

Tươ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

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
07 để tạo khoảng cách thích hợp xung quanh dấu mũ thả xuống

Chúng tôi sử dụng lớp bổ sung này để giảm 25%

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
08 nằm ngang ở hai bên của dấu mũ và loại bỏ
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
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


Action Toggle Dropdown

đị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

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
0

Nút tách nhỏ Toggle Dropdown


{{-- @method('delete') --}}
@csrf


5

thả xuống tối

Chọ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


{{-- @method('delete') --}}
@csrf


50 vào một

{{-- @method('delete') --}}
@csrf


51 hiện có. Không cần thay đổi đối với các mục thả xuống


{{-- @method('delete') --}}
@csrf


8

Và đưa nó vào sử dụng trong thanh điều hướng


{{-- @method('delete') --}}
@csrf


9

Hướng

RTL

Chỉ đường được nhân đôi khi sử dụng Bootstrap trong RTL, nghĩa là


{{-- @method('delete') --}}
@csrf


52 sẽ xuất hiện ở bên phải

dropup

Kích hoạt menu thả xuống phía trên các phần tử bằng cách thêm


{{-- @method('delete') --}}
@csrf


53 vào phần tử gốc

Tách dropup Chuyển đổi thả xuống

Route::resource('agent', App\Http\Controllers\AgentController::class);
2

Thả ngay

Kích hoạt menu thả xuống ở bên phải của các phần tử bằng cách thêm


{{-- @method('delete') --}}
@csrf


54 vào phần tử chính

Tách dropend Toggle Dropright

Route::resource('agent', App\Http\Controllers\AgentController::class);
4

thả trái

Kích hoạt menu thả xuống ở bên trái của các phần tử bằng cách thêm


{{-- @method('delete') --}}
@csrf


52 vào phần tử chính

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
80

Bạn có thể sử dụng các phần tử

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
02or làm mục thả xuống

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
4


{{-- @method('delete') --}}
@csrf


57


    {{-- @method('delete') --}}
    @csrf


    58

Bạn cũng có thể tạo các mục thả xuống không tương tác với


{{-- @method('delete') --}}
@csrf


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

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
82

Tích cực

Thêm


{{-- @method('delete') --}}
@csrf


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

{{-- @method('delete') --}}
@csrf


81 — sử dụng giá trị

{{-- @method('delete') --}}
@csrf


82 cho trang hiện tại hoặc

{{-- @method('delete') --}}
@csrf


83 cho mục hiện tại trong một bộ

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
83

Vô hiệu hóa

Thêm


{{-- @method('delete') --}}
@csrf


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

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
84

Theo 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


{{-- @method('delete') --}}
@csrf


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ổ sung

Thêm


{{-- @method('delete') --}}
@csrf


86 vào một

{{-- @method('delete') --}}
@csrf


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à

{{-- @method('delete') --}}
@csrf


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

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
85

căn chỉnh đáp ứng

Nế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


{{-- @method('delete') --}}
@csrf


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


{{-- @method('delete') --}}
@csrf


90

Căn trái nhưng căn phải khi màn hình lớn

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
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


{{-- @method('delete') --}}
@csrf


86 và

{{-- @method('delete') --}}
@csrf


92

Căn phải nhưng căn trái khi màn hình lớn

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
87

Lưu ý rằng bạn không cần thêm thuộc tính


{{-- @method('delete') --}}
@csrf


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ướng

tùy chọn căn chỉnh

Sử 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

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
88

Thêm tiêu đề để gắn nhãn các phần hành động trong bất kỳ menu thả xuống nào

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
89

dải phân cách

Tách các nhóm mục menu có liên quan bằng một dải phân cách

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
90

Chữ

Đặ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

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
91

Cá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

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
92

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
93

tùy chọn thả xuống

Sử dụng


{{-- @method('delete') --}}
@csrf


94 hoặc

{{-- @method('delete') --}}
@csrf


95 để thay đổi vị trí của danh sách thả xuống

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
94

Tự động đóng hành vi

Theo 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


{{-- @method('delete') --}}
@csrf


96 để thay đổi hành vi này của trình đơn thả xuống

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
95

ngổ ngáo

Biến

Biến cho tất cả danh sách thả xuống

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
96

Các biến cho

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
97

Cá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

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
98

hỗn hợp

Mixin được sử dụng để tạo dấu mũ dựa trên CSS và có thể tìm thấy trong


{{-- @method('delete') --}}
@csrf


97

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
99

Cách sử dụng

Thô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


{{-- @method('delete') --}}
@csrf


98 trên lớp cha mẹ

{{-- @method('delete') --}}
@csrf


51. Thuộc tính
Route::resource('agent', App\Http\Controllers\AgentController::class);
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ày

Trê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ý

Route::resource('agent', App\Http\Controllers\AgentController::class);
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ý
Route::resource('agent', App\Http\Controllers\AgentController::class);
21 trống bổ sung này sẽ bị xóa

Thông qua thuộc tính dữ liệu

Thêm

Route::resource('agent', App\Http\Controllers\AgentController::class);
20 vào một liên kết hoặc nút để chuyển đổi danh sách thả xuống


Action Toggle Dropdown

0

Qua JavaScript

Gọi danh sách thả xuống qua JavaScript


Action Toggle Dropdown

1

Route::resource('agent', App\Http\Controllers\AgentController::class);
20 vẫn được yêu cầu

Bất kể bạn gọi danh sách thả xuống của mình qua JavaScript hay thay vào đó sử dụng data-api, thì

Route::resource('agent', App\Http\Controllers\AgentController::class);
20 luôn được yêu cầu phải có mặt trên phần tử kích hoạt của danh sách thả xuống

Tùy chọn

Các tùy chọn có thể được chuyển qua thuộc tính dữ liệu hoặc JavaScript. Đối với các thuộc tính dữ liệu, hãy thêm tên tùy chọn vào

Route::resource('agent', App\Http\Controllers\AgentController::class);
26, như trong
Route::resource('agent', App\Http\Controllers\AgentController::class);
27. Đảm bảo thay đổi kiểu chữ hoa chữ thường của tên tùy chọn từ camelCase thành kebab-case khi chuyển các tùy chọn qua thuộc tính dữ liệu. Ví dụ: thay vì sử dụng
Route::resource('agent', App\Http\Controllers\AgentController::class);
28, hãy sử dụng
Route::resource('agent', App\Http\Controllers\AgentController::class);
29

NameTypeDefaultDescription____340string. element
Route::resource('agent', App\Http\Controllers\AgentController::class);
41Ranh giới hạn chế tràn của menu thả xuống (chỉ áp dụng cho công cụ sửa đổi ngăn chặn tràn của Popper). Theo mặc định, đó là
Route::resource('agent', App\Http\Controllers\AgentController::class);
41 và có thể chấp nhận tham chiếu HTMLElement (chỉ qua JavaScript). Để biết thêm thông tin tham khảo Popper's.
Route::resource('agent', App\Http\Controllers\AgentController::class);
43chuỗi. yếu tố. đối tượng
Route::resource('agent', App\Http\Controllers\AgentController::class);
44Phần tử tham chiếu của menu thả xuống. Chấp nhận các giá trị của
Route::resource('agent', App\Http\Controllers\AgentController::class);
44,
Route::resource('agent', App\Http\Controllers\AgentController::class);
46, một tham chiếu HTMLElement hoặc một đối tượng cung cấp
Route::resource('agent', App\Http\Controllers\AgentController::class);
47. Để biết thêm thông tin, hãy tham khảo tài liệu về phần tử ảo và của Popper.
Route::resource('agent', App\Http\Controllers\AgentController::class);
48string
Route::resource('agent', App\Http\Controllers\AgentController::class);
49Theo mặc định, chúng tôi sử dụng Popper để định vị động. Vô hiệu hóa điều này với
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
800.
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
801mảng. sợi dây. chức năng
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
802

Độ lệch của danh sách thả xuống so với mục tiêu của nó. Bạn có thể chuyển một chuỗi trong thuộc tính dữ liệu với các giá trị được phân tách bằng dấu phẩy như.

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
803

Khi một hàm được sử dụng để xác định độ lệch, nó được gọi với một đối tượng chứa vị trí popper, tham chiếu và popper rects làm đối số đầu tiên của nó. Nút DOM phần tử kích hoạt được chuyển làm đối số thứ hai. Hàm phải trả về một mảng có hai số.

$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
804

Để biết thêm thông tin tham khảo Popper's


{{-- @method('delete') --}}
@csrf


96boolean. chuỗi

{{-- @method('delete') --}}
@csrf


83

Định cấu hình hành vi tự động đóng của danh sách thả xuống


  • {{-- @method('delete') --}}
    @csrf


    83 - danh sách thả xuống sẽ được đóng bằng cách nhấp vào bên ngoài hoặc bên trong menu thả xuống
  • $agent->delete();
    return redirect()->route('agent.index')->with('success','User deleted successfully');;
    808 - trình đơn thả xuống sẽ được đóng lại bằng cách nhấp vào nút chuyển đổi và gọi phương thức
    $agent->delete();
    return redirect()->route('agent.index')->with('success','User deleted successfully');;
    809 hoặc
    $agent->delete();
    return redirect()->route('agent.index')->with('success','User deleted successfully');;
    810 theo cách thủ công. (Cũng sẽ không bị đóng khi nhấn phím esc)
  • $agent->delete();
    return redirect()->route('agent.index')->with('success','User deleted successfully');;
    811 - danh sách thả xuống sẽ được đóng (chỉ) bằng cách nhấp vào bên trong menu thả xuống
  • $agent->delete();
    return redirect()->route('agent.index')->with('success','User deleted successfully');;
    812 - danh sách thả xuống sẽ bị đóng (chỉ) bằng cách nhấp vào bên ngoài menu thả xuống
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
813không có giá trị. sự vật. chức năng
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
814

Để thay đổi cấu hình Popper mặc định của Bootstrap, hãy xem

Khi một chức năng được sử dụng để tạo cấu hình Popper, nó được gọi với một đối tượng chứa cấu hình Popper mặc định của Bootstrap. Nó giúp bạn sử dụng và hợp nhất cấu hình mặc định với cấu hình của riêng bạn. Hàm phải trả về một đối tượng cấu hình cho Popper

Sử dụng chức năng với
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
813


Action Toggle Dropdown

2

phương pháp

MethodDescription
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
810Chuyển đổi menu thả xuống của thanh điều hướng đã cho hoặc điều hướng theo thẻ.
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
817Hiển thị menu thả xuống của thanh điều hướng đã cho hoặc điều hướng theo thẻ.
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
809Ẩn trình đơn thả xuống của thanh điều hướng hoặc điều hướng theo thẻ nhất định.
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
819Cập nhật vị trí của phần tử thả xuống.
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
820Hủy bỏ danh sách thả xuống của một phần tử. (Xóa dữ liệu được lưu trữ trên phần tử DOM) ____1821Phương thức tĩnh cho phép bạn lấy phiên bản thả xuống được liên kết với phần tử DOM, bạn có thể sử dụng nó như thế này.
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
822
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
823Phương thức tĩnh trả về một phiên bản thả xuống được liên kết với một phần tử DOM hoặc tạo một phần tử mới trong trường hợp nó không được khởi tạo. Bạn có thể sử dụng nó như thế này.
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
824

Sự kiện

Tất cả các sự kiện thả xuống được kích hoạt ở phần tử chuyển đổi và sau đó nổi lên. Vì vậy, bạn cũng có thể thêm trình xử lý sự kiện trên phần tử cha của


{{-- @method('delete') --}}
@csrf


51. Sự kiện
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
826 và
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
827 có thuộc tính
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
828 (chỉ khi loại Sự kiện ban đầu là
$agent->delete();
return redirect()->route('agent.index')->with('success','User deleted successfully');;
829) chứa Đối tượng Sự kiện cho sự kiện nhấp chuột

Tại sao trình đơn thả xuống bootstrap không hoạt động?

Tại sao trình đơn thả xuống của tôi không hoạt động trong bootstrap? . Trình đơn thả xuống phải được chuyển đổi thông qua thuộc tính dữ liệu hoặc sử dụng javascript . Trong chương trình trên, chúng ta quên thêm thuộc tính dữ liệu nên dropdown không hoạt động. Vì vậy, hãy thêm data-bs-toggle="dropdown" để chuyển đổi danh sách thả xuống.

Làm cách nào để trình đơn thả xuống bootstrap hoạt động?

Để mở trình đơn thả xuống, hãy sử dụng nút hoặc liên kết có lớp. dropdown-toggle và thuộc tính data-toggle="dropdown" . Các. lớp dấu mũ tạo biểu tượng mũi tên dấu mũ (), biểu thị rằng nút này là một danh sách thả xuống.

Làm cách nào để thả xuống hoạt động trong Angular?

Cách tạo Điều khiển thả xuống góc trong ứng dụng web của bạn .
Thực hiện thả xuống
Tạo kiểu cho điều khiển ComboBox
Tùy chỉnh các yếu tố thả xuống
Tích hợp Điều khiển thả xuống với các Thành phần khác