MihaelKeehl Ответов: 1

Мне нужно открыть подробное представление в простом всплывающем окне с элементами моего класса.

Вместо того чтобы перенаправлять на вид после нажатия на кнопку "подробности", мне нужно, чтобы он открывался во всплывающем окне, не выходя из моего индекса

<div class="container">
    <h2>Lista de Personagens</h2>
    @foreach (var item in Model)
    {

        <div class="col-md-3" style="margin-bottom:20px">
            <div class="thumbnail">
                <div class="img-responsive" style="margin-bottom:20px">
                    <img src="~/App_File/images/" height="300" width="240" />
                     <button type="button" onclick="AddThePopUpActionHere"></button>
                </div>
                <div class="caption" style="border-top:3px solid #808080">
                    <h5 style="font-family:'Comic Sans MS'">Nome: @item.PersonagemNome</h5>

                </div>
            </div>
        </div>
    }
</div>


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

Уже пробовал некоторые javascript-коды, но ничего не вышло.

1 Ответов

Рейтинг:
0

raddevus 

@foreach (var item in Model)
    {

        <div class="col-md-3" style="margin-bottom:20px">
            <div class="thumbnail">
                <div class="img-responsive" style="margin-bottom:20px">
                    <img src="~/App_File/images/" height="300" width="240" />
                     <button type="button" onclick="showDetails(item.value)"></button>
                </div>
                <div class="caption" style="border-top:3px solid #808080">
                    <h5 style="font-family:'Comic Sans MS'">Nome: @item.PersonagemNome</h5>

                </div>
            </div>
        </div>
    }


В JavaScript вы делаете что-то вроде:

function showDetails(item){
     alert(item);
}


Помните, что каждый раз, проходя через цикл, динамика item.value будет и нынешняя. Так что кнопок будет много. Кнопка будет подключена к item ценность.

Сначала попробуйте сделать это со свойством строкового типа элемента, а затем попробуйте сделать это с каким-то другим свойством, потому что если это сложный объект, то showDetails() функция может не получить ожидаемого значения.

BillWoodruff

+5