Как получить вложенные вкладки с jQueryUI? - PullRequest
1 голос
/ 15 февраля 2012

У нас есть стандарт интерфейса в нашем приложении вкладок вертикально вниз с левой стороны.В 95% случаев это все, что нам нужно, и все в порядке.

| Tab          | Content
| Selected Tab
| Tab          |

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

| Tab          | Content of Selected Tab Child 2
| Selected Tab |
 |   Child 1   |
 |   Child 2
 |   Child 3   |
| Tab          |

Есть ли плагин для jQueryUI, который уже делает что-то подобное?Или мы начинаем с нуля?

1 Ответ

1 голос
/ 16 февраля 2012

jquery-vert-tabs имеет поддержку вложенных вкладок, но AFAIK не совсем так, как вы хотели ...

screenshot of jquery-vert-tabs example of nested tabs

Чем вы сейчас являетесьиспользовать для вертикальных вкладок?Пользовательский интерфейс jQuery не поддерживает его, поэтому я предполагаю, что вы используете другой плагин или у вас есть индивидуальное решение.

Если вы не найдете лучшего способа, я бы предложил создать менюс «обычными» вкладками и «вложенными» вкладками, последняя с некоторым отступом (с использованием padding-left или добавлением некоторого   перед ним) и скрытая по умолчанию.При щелчке на обычной вкладке все вложенные вкладки будут скрыты, кроме вложенных вкладок выбранной, которые будут отображаться.В зависимости от того, что вы сейчас используете, это не должно быть слишком сложно для реализации ...

...