Какой подход выбрать для веб-приложения ASP.NET с вкладками

Question

Эй, я только начал работать над новым проектом, который требует навигации по вкладкам, а внутри каждой страницы больше навигации по вкладкам, а затем внутри этих страниц динамическое содержимое ASP.NET. Проблема в том, что я не хочу, чтобы весь мой код был на одной странице, это была бы очень большая и раздутая страница. Мне было интересно, какие есть доступные методы решения этой проблемы. Я проверил вкладки jQuery и вижу, что могу связывать HTML-файлы с помощью AJAX, но мне нужны файлы aspx, а не только HTML.

Спасибо заранее.

Answer 1

Мне приходилось сталкиваться с этим во многих проектах. Попробовав несколько библиотек, я подхожу к вкладкам, чтобы всегда делать это самостоятельно, используя простой CSS.

Но обратите внимание на наличие нескольких слоев вкладок, но удобство использования нет-нет . Помните, что Windows 3.x и 95 сделали это совсем немного. Это меньше проблема в эти дни. Вы можете попробовать гармошку вместе с вкладками, чтобы отфильтровать ваши экраны

Один конкретный проект, мы некоторое время использовали DevExpress ASPxTabPages . Они работали хорошо, но были немного тяжелыми для такой простой задачи. Затем мы переместили проект в JQuery, но столкнулись с ситуациями, когда JQuery UI Tabs также стали проблемой. Особенно при генерации вкладок с использованием мастер-страниц и рендеринге действий в ASP.Net MVC. Мы наконец остановились на обычном CSS и HTML. Javascript действительно даже не нужен. Хотя я уверен, что JQuery можно использовать для улучшения ситуации.

Пример вкладок CSS можно найти по адресу http://www.htmldog.com/articles/tabs/. На этой странице также есть живые примеры.

Answer 2

Я только что создал пользовательский элемент управления, содержащий элемент управления Ajax Tab для моего подменю. Каждая вкладка фактически ведет вас на другую страницу.

Я писал о том, как это сделал ЗДЕСЬ.

Answer 3

что вы могли бы сделать: сделать вкладку пролетом при нажатии на эту вкладку / промежуток, запустить jquery и выполнить GET для страницы на сервере, которая представляет содержимое вкладки

pro: без начальной загрузкисодержимого вкладок Con: небольшая задержка при нажатии вкладки (в первый раз, только если вы можете кэшировать содержимое вкладки)

это делается, когда вы думаете, что только несколько из всех ваших вкладокщелкают: вам не нужно загружать все данные, которые пользователи не увидят.

Если вы думаете, что пользователь будет просматривать все вкладки, то вы можете загрузить все на одной странице.Вы можете использовать пользовательский элемент управления для каждой вкладки, чтобы не иметь слишком большой страницы, и обернуть вывод пользовательского элемента управления в DIV. Затем также сделайте вкладку пролетом, а при нажатии на вкладку / промежуток сделайте правый DIV видимым и скройте остальные.