ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Модальное окно.
25 сообщений из 26, страница 1 из 2
  1  все
Модальное окно.
    #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, 13:42
| Ответить | Цитировать | Написать  
Модальное окно.
    #39371034
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
Форум окончательно умирает по ходу, 9 просмотров и не одного ответа.

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

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

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

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

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

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

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

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


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

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

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

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

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

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

Есть книга, asp.net mvc для профессионалов. Берешь последнюю версию, и проходишь по ней создание магазина, кажется, спорттовары. С корзиной. Без готовых скриптов от ORACLE
...
Рейтинг: 0 / 0
20.12.2016, 18:00
| Ответить | Цитировать | Написать  
Модальное окно.
    #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
20.12.2016, 18:43
| Ответить | Цитировать | Написать  
Модальное окно.
    #39372213
MSSQLAndDotNet
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
MSSQLAndDotNet
Участник
vadipok,

https://jqueryui.com/dialog/
...
Рейтинг: 0 / 0
21.12.2016, 18:00
| Ответить | Цитировать | Написать  
Модальное окно.
    #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:42
| Ответить | Цитировать | Написать  
Модальное окно.
    #39372704
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
vadipok,

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

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

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

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

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

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

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

3) ID модели передается на другую страницу. (Постараюсь сделать сам)
...
Рейтинг: 0 / 0
22.12.2016, 11:59
| Ответить | Цитировать | Написать  
Модальное окно.
    #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:57
| Ответить | Цитировать | Написать  
Модальное окно.
    #39372811
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
hVosttwindow.locate

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

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

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



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

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



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

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



В IE все работает.
window.location.href =
...
Рейтинг: 0 / 0
22.12.2016, 18:11
| Ответить | Цитировать | Написать  
Модальное окно.
    #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, 07:30
| Ответить | Цитировать | Написать  
Модальное окно.
    #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, 09:07
| Ответить | Цитировать | Написать  
Модальное окно.
    #39373754
vadipok
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vadipok
Участник
Сам решил проблему.
Надо кнопку засунуть в Layout, а область закинуть в страничку.
Думаю, то же дебильное решение.
Час эту div надо закидывать по всем страницам, это не правильно.
...
Рейтинг: 0 / 0
23.12.2016, 14:00
| Ответить | Цитировать | Написать  
25 сообщений из 26, страница 1 из 2
  1  все
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Модальное окно.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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