2009-07-31 24 views
2

私はASP.NET MVCアプリケーションを持っており、別のページにナビゲートするタブを実装しようとしています。これらのタブは、単純なASCXユーザコントロールとして実装されています。ASP.NET MVC:タブASCX - 現在のページに基づいてCSSクラスを調整しますか?

<ul> 
    <li><a href="xyz1.html">Number One</a></li> 
    <li class="activePage"><a href="xyz2.html>Number Two</a></li> 
    <li><a href="xyz1.html">Number Three</a></li> 
</ul> 

現在のページが(タブ#2で上記のデモコードで) "にActivePage" CSSクラスを介して設計されています。

ASCXに連絡する簡単で効率的な方法は、ページごとに変更することなくactivePageクラスを取得する必要があります。

サンプルコードは高く評価されています。

答えて

1

なり、このようなあなたのためのアクティブなタブの仕事を強調するためにjQueryを使用するような解決策?

< >には、現在のページと等しいhref属性が含まれており、親にクラスを追加することができます。<li>

これは私が考えることができる最も簡単な解決策です。

+0

あなたはおそらく同じことをすることができますサーバー側...要求を確認し、ul上でrunat = serverを実行し、正しいliにクラスを追加します – Martin

関連する問題