Как я могу «вставить» страницы в мою существующую страницу, используя кнопки для выбора страницы

Question

Я новичок на страницах Razor и надеюсь, что есть простой ответ.

Используя этот эскиз в качестве примера:

     Name        |   Page Chooser
                 |-----------------
     Chooser     |   Page Content
                 |

На странице Razor я хочу нажать наимя в разделе «Выбор имени» и заполните «Содержимое страницы» на основе идентификатора этого выбора.Затем, если пользователь нажимает кнопку в разделе «Выбор страницы», обновите раздел «Содержимое страницы», используя тот же идентификатор, который выбран в имени, но с элементами управления новой страницы.

В веб-формахЯ бы, вероятно, использовал для этого вложенные главные страницы, где главная страница - это навигация по сайту, верхний и нижний колонтитулы, а вложенная главная страница будет иметь «Выбор имени» и «Выбор страницы».Дочерние страницы будут разделом «Содержимое страницы».

Как это сделать с помощью Razor?

Есть ли более быстрый способ сделать это?Мне действительно нужно только визуализировать раздел «Содержимое страницы», а не все остальное.

Примечание: «Содержимое страницы» может быть входными данными, таблицами, формами и т. Д.

Answer 1

Я нашел ответ.Сначала я использовал вложенные макеты, чтобы получить макет, который хотел.Затем я вставляю <div>, чтобы удерживать место, в которое страница будет вставлена.

<button id="btnTest" class="btn">Test</button>
<div id="content">This shows the area that will change</div>

Затем в JavaScript:

$('#btnTest').click(function () { $('#content').load('/Test');});

Это работает со страницами Razor, что яв розыске.Теперь я могу заменить одну кнопку тестирования на панель кнопок или что-то подобное и просто добавить больше jQuery, чтобы изменить загруженный файл в JavaScript.