Bagaimana untuk Menambah Kelas 'Aktif' dengan Betul ke `Html.ActionLink` dalam ASP.NET MVC untuk Navigasi Bootstrap?

Menambah Kelas "Aktif" ke Html.ActionLink dalam ASP.NET MVC

Dalam siasatan ini, kami berhasrat untuk menyelesaikan cabaran menggabungkan kelas "aktif" ke dalam bar navigasi bootstrap menggunakan ASP.NET MVC. Masalah timbul apabila pendekatan konvensional, seperti yang dibentangkan dalam coretan kod yang disediakan, gagal memaparkan penggayaan yang dimaksudkan.

Penyelesaian Alternatif

Dalam Bootstrap, "aktif" kelas hendaklah digunakan pada

elemen, bukan . Merujuk dokumentasi Bootstrap, kami mendapati bahawa penggunaan tag tidak digalakkan dalam bar navigasi.

Untuk membetulkannya, kami boleh mengubah suai kod seperti berikut:

<ul>

Pendekatan ini sejajar dengan Reka bentuk Bootstrap dan memastikan aplikasi "aktif" yang betul kelas.

Aplikasi Kelas Automatik

Untuk memudahkan proses, anda boleh memanfaatkan ViewContext.RouteData untuk menggunakan kelas "aktif" secara automatik berdasarkan halaman semasa. Versi dipertingkatkan bagi kod awal anda akan kelihatan seperti ini:

<ul>

Dengan menggunakan teknik ini, anda boleh memusatkan menu anda dalam paparan separa dan mengautomasikan tugasan kelas "aktif".

Kaedah Sambungan untuk Lebih Keanggunan

Untuk penyelesaian yang lebih bersih, anda boleh memperkenalkan HtmlHelper sambungan:

public static string IsSelected(this HtmlHelper html, string controllers = "", string actions = "", string cssClass = "selected")
{
    // Logic to extract relevant information from the current request
    // Compares the extracted information with the provided parameters

    return result ? cssClass : "";
}

Sambungan ini membenarkan kod ringkas dan boleh digunakan semula dalam paparan anda:

<ul>
    

Atas ialah kandungan terperinci Bagaimana untuk Menambah Kelas 'Aktif' dengan Betul ke `Html.ActionLink` dalam ASP.NET MVC untuk Navigasi Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!