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

Question

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

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

Answer 1

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

Но примечание, имеющее несколько слоев вкладок, но удобство использования no-no. Помните, 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

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

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

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

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

Answer 3

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

Я писал о том, как я это сделал HERE.