Скрыть/показать панели контейнеров в MVC с использованием JQuery/частичных представлений

Вид:

  1. Когда пользователь выбирает элемент из цикла foreach, обзор скрывается, а выбранный контейнер отображается. Когда пользователь щелкает ссылку возврата, он возвращается в нормальное состояние, но после этого он не работает ни с какими другими элементами в списке, а только с первым выбранным элементом.
  2. Я хочу улучшить приведенный выше код, чтобы использовать частичные представления. Пожалуйста, может кто-нибудь дать мне примеры того, как это сделать, используя частичные представления MVC 3 или какой-либо код. Благодарность

jquery asp.net-mvc partial-views
person user2906420    schedule 22.10.2013    source источник
comment
Попробуйте .on('click' вместо .click(   -  person Subin    schedule 22.10.2013
comment
@subin ничем не отличается.   -  person Rory McCrossan    schedule 22.10.2013
comment
@RoryMcCrossan Стоит попробовать. Когда пользователь нажимает ссылку «Вернуться», он возвращается в нормальное состояние, но после этого он не работает ни с какими другими элементами.   -  person Subin    schedule 22.10.2013
comment
@Subin, оба внутренне связывают событие щелчка. Нет сомнений   -  person Murali Murugesan    schedule 22.10.2013
comment
Subin ваше предложение НЕ работает, спасибо   -  person user2906420    schedule 22.10.2013

Ответы (1)


arrow_upward
2
arrow_downward

Проблема в том, что у вас много повторяющихся атрибутов id в цикле. Они должны быть уникальными. Измените их на атрибуты class, и это должно работать:

<div id="panel2" class="span4">            
    <table class="table">
        <tbody>
            @foreach(x item in Model) {
                <tr class="tableBody">
                    <td><u><a class="data" href="#">@item.Name </a></u></td>
                </tr>
            }
        </tbody>
    </table>
</div>

$(".data").click(function (e) {
    e.preventDefault();
    $('#BrowseContainer').hide();
    $('#SelectedContainer').show();
    var txt = $(e.target).text();
    alert(txt);
});

Пример скрипта

person Rory McCrossan    schedule 22.10.2013
comment
Спасибо Рори, работает блестяще. Не могли бы вы помочь мне со вторым вопросом об использовании частичных представлений для вышеперечисленного, потому что в противном случае я закончу с несколькими контейнерами и методами скрытия/отображения. - person user2906420; 22.10.2013
comment
Вы не указываете, каким образом вы хотите использовать партиалы для улучшения кода. Вероятно, вам лучше открыть новый вопрос для этого, так как это довольно широкая тема. Убедитесь, что вы указали, чего вы пытаетесь достичь с помощью частей. - person Rory McCrossan; 22.10.2013
comment
@ user2906420, примите этот ответ, если он подходит для вопроса. Пожалуйста, используйте голоса/принятие SOF - person Murali Murugesan; 22.10.2013