首頁 > web前端 > css教學 > 如何在 ASP.NET MVC 中將「Active」類別正確新增至「Html.ActionLink」以進行引導導覽?

如何在 ASP.NET MVC 中將「Active」類別正確新增至「Html.ActionLink」以進行引導導覽?

Linda Hamilton
發布: 2024-12-22 20:36:59
原創
724 人瀏覽過

How to Properly Add the

在ASP.NET MVC 中的Html.ActionLink 新增「Active」類別

在本次調查中,我們的目標是解決以下挑戰使用ASP.NET MVC 將「活動」類別合併到開機導覽列。當所提供的程式碼片段中提供的傳統方法無法顯示預期的樣式時,就會出現問題。

替代解決方案

在 Bootstrap 中,「活動」類別應該應用於

  • ;元素,而不是 。參考 Bootstrap 文檔,我們發現導覽列中不鼓勵使用 標籤。

    要修正這個問題,我們可以修改程式碼如下:

    <ul>
    登入後複製
    登入後複製

    此方法與Bootstrap的設計確保了「活躍」類別的正確應用。

    自動類別Application

    為了簡化流程,您可以利用 ViewContext.RouteData 根據目前頁面自動套用「活動」類別。初始程式碼的增強版本如下所示:

    <ul>
    登入後複製
    登入後複製

    透過利用此技術,您可以將選單集中在部分視圖中並自動執行「活動」類別指派。

    更優雅的擴充方法

    為了更乾淨的解決方案,您可以引入HtmlHelper擴充:

    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 : "";
    }
    登入後複製

    此擴充允許在您的視圖中使用簡潔且可重複使用的程式碼:

    <ul>
        
  • 登入後複製
  • 以上是如何在 ASP.NET MVC 中將「Active」類別正確新增至「Html.ActionLink」以進行引導導覽?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    作者最新文章
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板