Открыть ссылки из панели навигации в область «контент» - PullRequest
Новая
       19

Открыть ссылки из панели навигации в область «контент»

0 голосов
/ 04 апреля 2019

Я начинаю новый дизайн материала в mvc.core, и у меня есть вопрос, касающийся навигации и ссылок.Если я нажимаю на ссылку, она «захватывает» всю страницу, а не загружается в область содержимого страницы.В oldschool HTML я бы использовал фреймы.Но вот правильный подход?Я включил фрагмент: 

<!doctype html>

<html lang="en">
<head>
    <!-- Material Design Lite -->
    <script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
    <!-- Material Design icon font -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>
    <!-- The drawer is always open in large screens. The header is always shown,
    even in small screens. -->
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer
            mdl-layout--fixed-header">
        <header class="mdl-layout__header">
            <div class="mdl-layout__header-row">
                <div class="mdl-layout-spacer"></div>
                <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable
                  mdl-textfield--floating-label mdl-textfield--align-right">
                    <label class="mdl-button mdl-js-button mdl-button--icon"
                           for="fixed-header-drawer-exp">
                        <i class="material-icons">search</i>
                    </label>
                    <div class="mdl-textfield__expandable-holder">
                        <input class="mdl-textfield__input" type="text" name="sample"
                               id="fixed-header-drawer-exp">
                    </div>
                </div>
            </div>
        </header>
        <div class="mdl-layout__drawer">
            <span class="mdl-layout-title">Title</span>
            <nav class="mdl-navigation">
                <a class="mdl-navigation__link" href="/Metering/Channels">Link</a>
                <a class="mdl-navigation__link" href="">Link</a>
                <a class="mdl-navigation__link" href="">Link</a>
                <a class="mdl-navigation__link" href="">Link</a>
            </nav>
        </div>
        <main class="mdl-layout__content">
            <div class="page-content"><!-- Your content goes here --></div>

        </main>
    </div>
</body>
</html>

Ответы [ 2 ]

1 голос
/ 04 апреля 2019

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

Если это так, рассмотрите возможность использования метода Ajax и частичных представлений. Который будет обновлять конкретные регионы на странице. Проверьте это

0 голосов
/ 04 апреля 2019

Решил это. Оказывается, вы должны использовать макеты - особенность .NET Core MVC, которая напрямую поддерживает то, что я хочу сделать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...