Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Модальное окно. / 25 сообщений из 26, страница 1 из 2
  1  все
20.12.2016, 13:42
    #39371000
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
Добрый день, коллеги!
Помогите пожалуйста, модальное окно не хочет появиться.

myModal.cshtml
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<div class="modal" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" aria-hidden="true" type="button" data-dismiss="modal">&#215;</button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
                <p>One fine body…</p>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" type="button" data-dismiss="modal">Close</button>
                <button class="btn btn-primary" type="button">Save changes</button>
            </div>
        </div>
    </div>
</div>



Index.chtml
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
@{
    ViewBag.Title = "Home Page";
    Layout = "~/Views/Shared/_LayoutStartPage.cshtml";
}

........................................................................

<a type="button" class="btn" href="#myModal" data-toggle="modal">Click me</a>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.12.2016, 14:15
    #39371034
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
Форум окончательно умирает по ходу, 9 просмотров и не одного ответа.

Оба файла находятся в одной папке ~/Views/Home/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.12.2016, 15:56
    #39371156
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
Разобрался, теперь надо из модельного окна нажав на кнопку закрыть его и в основном окне перейти в другое.
Как это сделать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.12.2016, 15:58
    #39371158
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
vadipok,

Похоже форум больше помогает тебе не отвечая :)
Когда сам разбираешься, то понимаешь больше и усваиваешь лучше.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.12.2016, 16:19
    #39371182
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
hVosttvadipok,

Похоже форум больше помогает тебе не отвечая :)
Когда сам разбираешься, то понимаешь больше и усваиваешь лучше.

Подскажи пожалуйста как это сделать?
Действительно не тривиальная задача для меня.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.12.2016, 16:57
    #39371213
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
vadipok,

Ну как, скриптами. Вешаешься на клик по кнопке, скрипт закрывает окно и открывает другое. Можно сделать ещё проще. Не закрывать окно, чтобы открыть другое, а просто загрузить другое содержимое в это же модальное окно.

Как сделать конкретно? Ну $("#modal").on("click", "button", function() { блаблабла }), конкретное решение, которое ты сможешь скопипастить я тебе не дам.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.12.2016, 17:06
    #39371225
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
hVosttvadipok,

Ну как, скриптами. Вешаешься на клик по кнопке, скрипт закрывает окно и открывает другое. Можно сделать ещё проще. Не закрывать окно, чтобы открыть другое, а просто загрузить другое содержимое в это же модальное окно.

Как сделать конкретно? Ну $("#modal").on("click", "button", function() { блаблабла }), конкретное решение, которое ты сможешь скопипастить я тебе не дам.


Надо из модАльного окна из списка выбрать модЕль.
Переменная ИД модЕли записывается в системную переменную.
Закрываем МодАльное окно.
Затем в родительском окне происходит переход в другую страницу.
Там уже происходят свои операции для каждой модЕли.
Никаких дополнительных окон не надо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.12.2016, 17:17
    #39371238
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
vadipok,

В предлагаемом решении ничего не поменялось. Пиши скрипт, вешай событие на кнопку, делай свои дела при обработке события.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.12.2016, 17:19
    #39371243
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
hVosttvadipok,

В предлагаемом решении ничего не поменялось. Пиши скрипт, вешай событие на кнопку, делай свои дела при обработке события.

Это то понятно, я же пересел с Apex, такие вещи я там делал.
Только там были готовые скрипты от Oraclе.
Направьте плиз в сторону каких библиотек или утилит или подпрограмм надо смотреть, чтобы манипулировать родительским окном.
Просто я даже не знаю что искать в интернете.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.12.2016, 18:00
    #39371264
Monochromatique
Monochromatique
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
vadipokhVosttvadipok,

В предлагаемом решении ничего не поменялось. Пиши скрипт, вешай событие на кнопку, делай свои дела при обработке события.

Это то понятно, я же пересел с Apex, такие вещи я там делал.
Только там были готовые скрипты от Oraclе.
Направьте плиз в сторону каких библиотек или утилит или подпрограмм надо смотреть, чтобы манипулировать родительским окном.
Просто я даже не знаю что искать в интернете.

Есть книга, asp.net mvc для профессионалов. Берешь последнюю версию, и проходишь по ней создание магазина, кажется, спорттовары. С корзиной. Без готовых скриптов от ORACLE
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.12.2016, 18:43
    #39371307
Парамон
Парамон
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
vadipok
Код: html
1.
<a type="button" class="btn" href="#myModal" data-toggle="modal">Click me</a>



это что??

Код: html
1.
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Click me</button>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.12.2016, 18:00
    #39372213
MSSQLAndDotNet
MSSQLAndDotNet
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
vadipok,

https://jqueryui.com/dialog/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.12.2016, 11:42
    #39372688
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
Понимаю, для всех вас это наверно глупый вопрос.
Но все таки помогите плиз, не получается.
Код: javascript
1.
2.
3.
4.
5.
6.
7.
            function toTest() {
                alert("ababa");
                $(this).d
                $.ajax({
                    url: "Home/Contact"
                });
            }



Дальше чет не могу продвинуться, dialog мой скрипт не понимает и ругается.
Вместо "Home/Contact" пробовал '@Html.ActionLink("Контакт", "Contact", "Home")', не помогло
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.12.2016, 11:50
    #39372704
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
vadipok,

в основе всего должен быть алгоритм. опиши его словами. подробно. иначе не знаю как тебе помочь.

твой код просто не понятно чего делает, что ты хотел вообще сделать внутри toTest()

русскими словами опиши последовательность действий.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.12.2016, 11:59
    #39372715
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
hVosttvadipok,

в основе всего должен быть алгоритм. опиши его словами. подробно. иначе не знаю как тебе помочь.

твой код просто не понятно чего делает, что ты хотел вообще сделать внутри toTest()

русскими словами опиши последовательность действий.

Всплывает модально окно (Это я сделал)
В модальном окне появляется список моделей (Это я сделал)
Модели являются кнопками (Это я сделал)
Нажимая на кнопку, автоматически должно произойти следующее:
1) Убирается или закрывается (не знаю как правильно) модАльное окно. (Нужна помощь)
2) В родительском окне происходит переход в другую страницу. (Нужна помощь)

3) ID модели передается на другую страницу. (Постараюсь сделать сам)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.12.2016, 12:57
    #39372807
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
vadipok,

это то, как это должно работать, а надо описать алгоритм действий при реализации, примерно так:

1. событие на кнопку
1.1. определить объект модального окна: найти внешний тег div с классом модального окна — функция jQuery closest
1.2. нашли объект? закрыли окно — функция bootstrap modal('hide')
1.3. перейти на другую страницу — window.locate = ' http://...тут адрес страницы...' + '?id=' + <некий ID>

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

чем подробней ты этот алгоритм распишешь, тем проще будет это запрограммировать, и вопросы будут у тебя конкретные. а не такие: помогите, не работает??!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.12.2016, 12:58
    #39372811
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
hVosttwindow.locate

window.location на самом деле
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.12.2016, 13:48
    #39372914
Парамон
Парамон
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
vadipok1) Убирается или закрывается (не знаю как правильно) модАльное окно. (Нужна помощь)
2) В родительском окне происходит переход в другую страницу. (Нужна помощь)

Код: javascript
1.
2.
3.
4.
 function myClick(url) {
        $('.modal').modal('hide'); //Убирается или закрывается
        window.location.href = url;  // переход в другую страницу
    }
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.12.2016, 13:55
    #39372927
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
Ха, опередили меня, сам сделал.
Всем спасибо!

Код: javascript
1.
2.
3.
4.
            function toTest() {
                $('#modDialog').modal('hide');
                window.location("/Home/Contact/");
                }



Одно только смущает, это нельзя сделать непосредственно вызовом метода контроллера?
Ссылка напрямую мне не нравиться, как то не кошерно что ли.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.12.2016, 14:39
    #39372997
Парамон
Парамон
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
vadipokОдно только смущает, это нельзя сделать непосредственно вызовом метода контроллера?
Ссылка напрямую мне не нравиться, как то не кошерно что ли.
Код: javascript
1.
window.location('@Url.Action("Contact", "Home")');
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.12.2016, 16:21
    #39373113
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
Не понос ток судорога.
В Google Chrome вылетает ошибка:

Код: javascript
1.
Uncaught TypeError: window.location is not a function



В IE все работает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.12.2016, 18:11
    #39373213
Парамон
Парамон
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
vadipokНе понос ток судорога.
В Google Chrome вылетает ошибка:

Код: javascript
1.
Uncaught TypeError: window.location is not a function



В IE все работает.
window.location.href =
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.12.2016, 07:30
    #39373438
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
ПарамонvadipokНе понос ток судорога.
В Google Chrome вылетает ошибка:

Код: javascript
1.
Uncaught TypeError: window.location is not a function



В IE все работает.
window.location.href =

Спасибо, все получилось!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.12.2016, 09:07
    #39373477
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
Добрый день коллеги!
Опять проблема с модальными окнами.

Есть стандартный пример из инета:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
<!-- Модальное окно, основное содержимое которого организовано с использованием системы сеток Bootstrap 3 или 4 -->
<div id="gridSystemModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Закрыть"><span aria-hidden="true">&#215;</span></button>
                <h4 class="modal-title" id="gridModalLabel">Заголовок модального окна</h4>
            </div>
            <div class="modal-body">
                <!-- основное содержимое (тело) модального окна -->
                <div class="container-fluid">
                    <!-- Контейнер, в котором можно создавать классы системы сеток -->
                    <div class="row">
                        <div class="col-md-6">...</div>
                        <div class="col-md-6">...</div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
            </div>
        </div>
    </div>
</div>

<!-- Кнопка, открывающее модальное окно -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#gridSystemModal">
    Открыть модальное окно
</button>



После добавления почему то основное окно и модальное окно становиться мертвыми, ничего не работает.
После поиска решения обнаружил, что оно работает, но только в основной странице и не пашет в Layout. (интуитивно догадался)
В общем нужна помощь.
Гугление не помогает.
Спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.12.2016, 14:00
    #39373754
vadipok
vadipok
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Модальное окно.
Сам решил проблему.
Надо кнопку засунуть в Layout, а область закинуть в страничку.
Думаю, то же дебильное решение.
Час эту div надо закидывать по всем страницам, это не правильно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Модальное окно. / 25 сообщений из 26, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]