Как работать с табличным представлением в MVC 4 ASP.NET?

Я новичок в ASP.NET. Я хочу перечислить свои взгляды в TabView.Как работать с табличным представлением в MVC 4 ASP.NET?

Я следующие изменения в моем приложении,

В _Layout.cshtml я добавить следующий пакет в

<head> 
     @Styles.Render("~/Content/themes/base/css") 
</head>

<Body> 
    @Scripts.Render("~/bundles/jqueryui") 
<Body>

После этого я добавить два контроллера, как Default1 и Default2, в обоих контроллерах я добавляю один вид, например, index.

Тогда я написать следующий код в Index.cshtml в зрении Home для отображения моего вида контроллера в частности вкладки, как.

<div id="body"> 
<div id="tabs"> 

<ul> 
    <li><a href="/Default1/Index">Tab 1</a></li> 
    <li><a href="/Default2/Index">Tab 2</a></li> 

</ul> 
    @section scripts 
{ 
<script> 


     $(function() { 
      $("#tabs").tabs(); 
     }); 



</script> 
} 
</div> 
</div>

Но это не работает. Я не знаю, что добавляю больше кода для работы.

Пожалуйста, помогите мне. Спасибо в авансцену.

источник

2013-11-21 selvam

И если вы ориентируетесь вручную в '/ Default1/Index' возвращает содержимое, которое Вы ожидаете? – Ben

Да, была включена ручная навигация ......... – selvam

Другие вещи, которые нужно проверить: Является ли '$ (function() {...' определенно вызываемым? Что будет, если вы добавите 'alert ('test')' или 'console.log ('test')', выводит ли это результат? Если он вызывается, jQueryUI определенно загружен? Если вы выведете/запишите '$ ('# tabs'). tabs' в' $ (function' вы получаете определение функции или не определено? – Ben

Не знаю, если это будет исправить все ваши вопросы, но это:

$(function() { 

    $(function() { 
     $("#tabs").tabs(); 
    }); 

});

должно быть:

$(function() { 
    $("#tabs").tabs(); 
});

Вам не нужно 2 $(function() {}) обработчики

источник

2013-11-21 10:07:46 Ben

Я редактирую свой вопрос и работу, что он не работает ....... @Ben – selvam

Вы должны добавьте контент также для отображения на вкладке. Также добавьте два div в ваш код .as, показанный ниже.

Модифицированный код ::

 <div id="body"> 
    <div id="tabs"> 

    <ul> 
     <li><a href="#tab-1">Tab 1</a></li> 
     <li><a href="#tab-2">Tab 2</a></li> 

     </ul> 
     @section scripts 
     { 
     <script> 
    $(function() { 
     $("#tabs").tabs(); 
    }); 

    </script> 
     } 
     </div> 

     <div id="tab-1"> 
     'content which you want to display on click of first tab' 

     </div> 
    <div id="tab-2"> 

      'content which you want to display on click of second tab' 
      </div> 
      </div>

источник

2014-05-15 18:06:42

Как работать с табличным представлением в MVC 4 ASP.NET?

ответ

Смежные вопросы