Member 12224368 Ответов: 2

Почему всплывающее окно не отображается с помощью mvc5

Привет,

Я пытаюсь показать всплывающее окно для списка записей для выбора конкретной записи со страницы списка. Но всплывающее окно не отображается. Пожалуйста, помогите мне.

Заранее спасибо.
ниже приведен мой код
--------------

<h4>Departments</h4>
<a class="btn btn-success" data-toggle="modal" data-target=".DepartmentViewModel">
    <span class="glyphicon glyphicon-eye-open"></span>View
</a>
<div class="modal fade DepartmentViewModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button data-dissmiss="modal" class="close"><span>&times;</span> </button>
                <div class="modal-title">My modal</div>
            </div>
            <div class="modal-body">
                <img src="~/Content/images/Desert.jpg" />
                <p>
                   Some text here or Add fields here..
                </p>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary">Submit</button>
                <button class="btn btn-default" data-dissmiss="modal">Cancel</button>

            </div>

        </div>
    </div>

</div>


Что я уже пробовал:

Пожалуйста, помогите мне.

Заранее большое вам спасибо.

F-ES Sitecore

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

Karthik_Mahalingam

проверьте мое решение

2 Ответов

Рейтинг:
18

Richard Deeming

Предполагая, что вы используете Начальная загрузка[^], этот data-target атрибут должен быть идентификатором модального диалогового элемента. Вы не можете использовать универсальный селектор jQuery, так как он может соответствовать нескольким элементам.

<h4>Departments</h4>
<a class="btn btn-success" data-toggle="modal" data-target="#DepartmentViewModel">
    <span class="glyphicon glyphicon-eye-open"></span>View
</a>
<div class="modal fade" id="DepartmentViewModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button data-dissmiss="modal" class="close"><span>&times;</span> </button>
                <div class="modal-title">My modal</div>
            </div>
            <div class="modal-body">
                <img src="~/Content/images/Desert.jpg" />
                <p>
                   Some text here or Add fields here..
                </p>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary">Submit</button>
                <button class="btn btn-default" data-dissmiss="modal">Cancel</button>
 
            </div>
 
        </div>
    </div>
</div>

Karthik_Mahalingam

5

Member 12224368

Большое вам спасибо, сэр..
Это работает

Member 12224368

Картик Сэр,
Кнопки "Отправить" и "отменить" не работают..
Пожалуйста, объясните мне, какую логику я должен применить.

Рейтинг:
10

Karthik_Mahalingam

См. это для получения полной документации по Bootstrap Модальные[^]

data-dissmiss="modal" // spell error
изменение 
data-dismiss="modal"


для кнопки Сохранить вам нужно будет сопоставить с ней событие, и внутри этого события вы закроете всплывающее окно.
относиться кнопки Bootstrap модальные нажмите кнопку Сохранить и закрыть [^]

Member 12224368

Спасибо, сэр... это работает

Karthik_Mahalingam

крутой,

Member 12224368

помечено сэр

Karthik_Mahalingam

Спасибо, я бы порекомендовал вам ознакомиться с техническими документами, прежде чем внедрять какую-либо новую функцию, чтобы вы знали, какие и все функции доступны в фреймворке. это поможет вам расширить знания..

Member 12224368

Хорошо Сэр

Karthik_Mahalingam

хороший

Member 12224368

Karthik sir, я структурирую ниже вопрос, пожалуйста, опубликуйте мне любые видео и предложения. Мой вопрос таков:

У меня есть список записей для класса DepartmentViewModel, и я хочу выбрать конкретную запись из списка DepartmentViewModel во всплывающем окне и хочу отобразить эту конкретную запись в поле класса CollegeViewModel(в классе CollegeVIewModel у меня есть поле отдела) Итак, у меня есть поле Название отдела в DepartmentVIewModel и отдел подан в CollegeVIewModel(здесь я должен выбрать название отдела из списка DepartmentViewModel и после выбора названия отдела это имя должно отображаться в поле отдел в collegeviewmodel подан). Пожалуйста, предоставьте любые видео.

Karthik_Mahalingam

Linq-это лучший способ

http://linq101.nilzorblog.com/linq101-lambda.php[^]

101 образцы LINQ в C#[^]