2014-01-15 27 views
0

我正在創建一個網站,其中有不同的用戶(管理員,普通用戶,學生,祕書等) 每個用戶都有獨特的內容可供查看。 我想要做的是使用navbar boostrap並創建一個下拉按鈕來加載每個用戶可以使用的頁面。每個用戶的動態下拉引導

祕書模塊

導航欄:

首頁|聯繫|菜單|

   - Secretary Things 
      - Forms 
      - Etc 

管理模塊

導航欄:

首頁|聯繫|菜單|

   - Things Admin 
      - Add User 
      - Delete Things 
      - Etc 

可以在asp.net c#中做到這一點嗎?或jQuery或JavaScript?

商祺!

回答

1

是的,它可以用jQuery完成,或者如果您使用的是像ember.js這樣的MVC,您可以使用{{#if}}助手。對於js,只需檢查應用程序狀態。 (雖然這將是最好只使用像燼的MVC,如果你的用戶是太狡猾,他們可以用簡單的JS產卵菜單本身)

var studentMenu = "<button></button>MORE HTML"; 
var adminMenu = "<button></button>MORE HTML"; 

if(loginState === "admin") { //check a login state from a server or something. I would not store the loginState as a global variable. 
    $(".navbar-menu").html(adminMenu); 
} else if() { //more loginStates 
0

它可以在C#中,jQuery的,即使是在做純javascript。

在C#中,您可以檢查用戶類型並只添加可用的菜單選項。

在jQuery中或JavaScript,你可以像一個用戶類型添加到請求:

<script type="text/javascript"> 
    var UserType: '<%=UserType%>' 
</script> 

通過的jQuery/JavaScript的你可以操作這樣的菜單選項。

<ul id="menu"> 
    <li class="opt-admin">Visible to Admin</li> 
    <li class="opt-secretary">Visible to Secretary</li> 
</ul> 

<script type="text/javascript"> 
    $('#menu li').hide(); 
    $('#menu .opt-' + UserType).show(); 
</script> 

由您決定使用哪種方法。有很多方法可以做到這一點。基本上所有3可以做你想做的。