Question

我正在使用MVC4 Razor ..我必须使用tab，并且必须从数据库中动态提供名称和URL

NavID   Name    URL Permission
1   Home    /DesktopDefault/Home    0
2   Employee Info   /DesktopDefault/EmployeeInfo    0
3   Product Info    /DesktopDefault/ProductInfo 0
4   Discussions /DesktopDefault/Discussion  0
5   About The Portal    /DesktopDefault/AboutPortal 0

我必须使用bootstrap

 <div class="bs-example">
            <ul class="nav nav-tabs">

</ul>
</div>

我是MVC和bootstrap的新手..怎么做

Answer 1

你能做的最简单的事情就是使用AJAX（也许是jquery）并在控制器中执行一个动作，你可以调用它并返回你需要的值。

从广义上讲，你可以做到

<script language="javascript" type="text/javascript">
  $.ajax({
        url: '/Home/GetNavFromDatabase',
        contentType: 'application/json; charset=utf-8',
        type: 'GET',
        dataType: 'json'

    })
    .success(function (result) {
        //Do here what you need to have the navigation using Javascript
       // e.g. $('#home').html(result.home); etc
    })
    .error(function (xhr, status) {
        alert(status);
    })

在C＃方面你会做类似

的事情

public ActionResult GetNavFromDatabase() {

   var navs = dbcontext.Nav.ToList();

   var oSerializer = new System.Web.Script.Serialization.JavaScriptSerializer();
   return oSerializer.Serialize(navs);


}

上面的代码不起作用，但会为您提供实现目标的指导

如何在bootstrap MVC 4 razor中动态给出tab值

1 个答案: