Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript: Angular 2, AngularJS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/2: Рейтинг темы: голосов - 2, средняя оценка - 5.00
HelloWord
4 / 4 / 4
Регистрация: 15.04.2009
Сообщений: 348
1

Как сделать tab?

23.06.2015, 18:47. Просмотров 439. Ответов 2
Метки нет (Все метки)

Добрый день
Подскажите как сделать tab.Делаю вот так
HTML5
1
2
3
4
5
6
<ul class="nav nav-tabs" style="margin-top: 34px">
                        <li class="active"><a data-restrict href="#/export">Экспорт титулов</a></li>
                        <li data-restrict ><a href="#/user">Пользователи</a></li>
                        <li data-restrict ><a href="#/group">Роли</a></li>                        
                        <li><a href="#/journal">Журналы</a></li>
                    </ul>
А потом вот так
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
        .when('/user', {
            controller: 'UserListController',
            templateUrl: '/App_Front/account/view/user/list.html'
        })
       
        .when('/group', {
            controller: 'GroupListController',
            templateUrl: '/App_Front/account/view/group/list.html'
        })
        
        .when('/export', {
            controller: 'ExportIndexController',
            templateUrl: '/App_Front/account/view/export/index.html'
        })
        .when('/journal', {
            templateUrl: '/App_Front/account/view/journal/index.html'
        })
        .otherwise({ redirectTo: '/user' });
}])
Но мне кажется что тогда я не буду менять содержимое внутри tab. мне кажется что будет меняться вся страница тогда. Но мне нужно только менять содержимое внутри tab ячейки.
Это только мысли как сделать. Пока не реализовывала.Можно так или это ошибочный вариант?
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
23.06.2015, 18:47
Ответы с готовыми решениями:

Как сделать Tab Меню
Собственно, интересует как сделать Таб Меню. Тоесть, сверху три вкладки. И сбоку две вкладки....

Как сделать активным родительский Tab
Добрый день. Имеется форма с PageControl и несколькими TabSheet, в которых TEdit-ы, GroupBox-ы...

Как сделать программу невидимой в Alt + Tab
Здравствуйте. Подскажите пожалуйста, как сделать программу невидимой в Alt + Tab?

Как сделать переключение вкладок в терминале по Ctrl+Tab?
По умолчанию стояло переключение по Ctrl+PgUn/Ctrl+PgDown, но это мне не подходит, т.к. этими...

Как сделать переключение между Edit'ами через Tab
Задачка такова, есть программа на главном окне 2 button, 3 edit, 1 list, 5 static. Как сделать...

2
UsefurCom
0 / 0 / 2
Регистрация: 01.07.2015
Сообщений: 2
02.07.2015, 15:29 2
Привет. Предлагаю следующее решение:
Используете табы согласно кода bootstrap,
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div>
 
  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
  </ul>
 
  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home"> <myDirectiveOne> </myDirectiveOne> </div>
    <div role="tabpanel" class="tab-pane" id="profile"> <myDirectiveTwo> </myDirectiveTwo> </div>
    <div role="tabpanel" class="tab-pane" id="messages"> <myDirectiveThree> </myDirectiveThree> </div>
    <div role="tabpanel" class="tab-pane" id="settings"> <myDirectiveFout> </myDirectiveFour> </div>
  </div>
 
</div>
а для отображения контента каждой отдельной табы, можно использовать директивы , которые будут сами подгружать темплейты.
0
HelloWord
4 / 4 / 4
Регистрация: 15.04.2009
Сообщений: 348
03.07.2015, 09:11  [ТС] 3
Спасибо
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
03.07.2015, 09:11

Как сделать выход из цикла While при нажатии клавиш Tab
Как сделать выход из цикла While(25-35 строки) при нажатии клавиш Tab и продолжить выполнение...

Sheets Tab= new Sheets ('Test'); Tab.addCol('id',int); Tab.addCol('Text',String); Tab.addVal('id',4);
Вопрос: Можно реализовать в JAVA механизм такого вида. Примерно так Sheets Tab= new...

Подключение Samsung Galaxy Tab P5100 к ноутбуку по Wi-Fi, как с ноутбука сделать точку доступа
Можно ли сделать так, чтобы ноутбук Samsung R528 раздавал интернет соединение на Samsung Galaxy Tab...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru