1

私はプロジェクトに取り組んでおり、私にとって珍しいデザインに対処する必要があります。私の目標は、2 つの異なる作業エリアで同時に作業することです。左のものは、2 つの異なる部分ビューの間で値を変更する必要があります。2 つ目 (中央と右側の領域) は、左側のビューとは独立してビューを変更する必要があります。

そのため、最後に、左と右の 2 つの異なる div と Jqueryiu Tab プラグインが作成されます...タブの 1 つをクリックすると、その中に部分的なビューが読み込まれます。

<div id="conteudo">
    <div class="container-abas-laterais">
        <div id="abas-laterais" style="width: 100%; height: 100%">
            <ul>
                <li><a href="@Url.Action("Pendencia", "AcessoRapido")">Pendências</a></li>
                <li><a href="@Url.Action("Requerimento", "AcessoRapido")">Requerimentos</a></li>
            </ul>
        </div>
    </div>

    <div class="container-abas">
        <div id="abas">
            <ul>
                <li><a href="#aba-1">Chamados</a></li>
                <li><a href="#aba-2">Cadastros</a></li>
                <li><a href="#aba-3">Pesquisa</a></li>
                <li><a href="@Url.Action("Index", "Configuracao")">Configuração</a></li>
            </ul>
            <div class="container-abas-conteudo">
                <div id="aba-1">
                    <p>Conteúdo da aba um.</p>
                </div>
                <div id="aba-2">
                    <p>Conteúdo da aba dois.</p>
                </div>
                <div id="aba-3">
                    <p>Conteúdo da aba três.</p>
                </div>                    
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">        
    $(function () { $("#abas").tabs(); });
    $(function () { $("#abas-laterais").tabs(); });
</script>

さて、タブのクリックから直接ロードされた部分ビューは、私が望んでいたように、本当にうまく機能しました...問題は、それらの初期ビューも呼び出す必要があるものです...すべてのビューと関数をそれらの div 内に保持する必要があります。 .. iFrame のように動作する必要があります..ワウ、時々、左のもので行うことは右のもので行われる必要があります...

そのため、asp.net mvc でこの種の動作を実現するためのヒントや方法を知りたいと思っていました。私の考えが混乱している、または詳細がよくわからない場合は、お知らせください...

助けてくれてありがとう。

4

1 に答える 1