1

jQuery UI タブを使用して以下の HTML レイアウトを作成しました すべてのタブ情報は従業員に関連しています

HTML コード:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Details</a></li>
        <li><a href="#tabs-2">Deparment</a></li>
        <li><a href="#tabs-3">Salary Info</a></li>
    </ul>
    <div id="tabs-1">
        <p>Some fiels here</p>
    </div>
    <div id="tabs-2">
                <p>Some fiels here</p>
    </div>
    <div id="tabs-3">
                <p>Some fiels here</p>
    </div>
</div>

必要なのは、これを MVC ページに保持することだけです。

1 つのビューにすべてのタブを含めることはできますか、それとも @Html.Partial を使用できますか? または PartialViewResult? タブごとに。

ユーザーが部門情報のみを更新する場合があります。ここでは、そのタブ情報のみを保存する必要があります。

これらすべてのタブを最初にロードし、ajax を使用してオンデマンドでロードしたくありません。

MVCで自分のニーズを整理する方法を誰かが提案できますか?

注:また、従業員の追加と編集にも同じものを使用したいと考えています。従業員の追加の場合、基本詳細のみを有効として表示し、他のタブは無効モードで表示できるはずです。ユーザーが基本的な詳細を保存すると、他のタブが有効になります。

4

1 に答える 1

1
  1. ビューの断片化:
    単一のビューを実行するか、複数のパーシャルに分割できます。必要な html をレンダリングするまでは問題ありません。
  2. 各タブの情報を個別に保存するには、各タブのコンテンツを でラップします<form />。これにより、フォームが 1 つではなく複数になります。
  3. 送信時に次のタブを表示するには、解決策は送信プロセスによって異なります。同期 Post(Get) がある場合は、pass tab パラメーターを渡してResponse、DOM 対応の次のタブを開く応答に依存する必要があります (そのためには jQuery を使用します)。それ以外の場合、ajax を使用してタブを送信すると、ハンドラーでタブを切り替えることができます。
于 2012-12-17T10:32:14.217 に答える