0

Web ページにスタックする必要がある部分ビューがいくつかあります。

pv1 pv2

pv3 pv4

pv5 pv6

また、各ビュー内でそれらのいずれかまたはラベルを非表示にできる必要もあります。

テーブルを使用してみましたが、正しく表示されません。

これが私がしたことの例です:

<h2>AccountScreen</h2>

  <table>
    <tr>
      @Html.Partial("CustomerInfoPartialView")
    </tr>
    <tr>
      @Html.Partial("BalancePartialView")
    </tr>
  </table>

期待していたような結果にはならず、大混乱でした。

部分ビューをスタックし、プログラムで非表示/表示できるようにするには、何を使用すればよいですか?

4

2 に答える 2

1

人々が言っ​​たように、<div>要素を使用する必要があります。また、それらに一意の識別子を与え、必要に応じて jQuery を使用して非表示/表示する必要があります。モデルのレンダリング時に利用可能な基準がある場合は、必要に応じて各要素に表示/非表示のスタイルを追加する方が簡単な場合があります。

@
{
    Html.Partial("CustomerInfoPartialView")
    ...
    Html.Partial("CustomerInfoPartialView")
}

次に、各部分で:

@{
    var classToUse = (myVisibleCriteriaBool) ? "visibleClass" : "hiddenClass";
}
<div id="UniqueNamePartialView" class="stackableDivs @classToUse">
    Your html stuff here
</div>

クラスstackableDivs(これを作成したばかり) にフロート スタイルが含まれている限り、適切にスタックする必要があります。スタック方法に応じて調整する必要があるかもしれませんが、それでも css の問題である必要があります。ビューがレンダリングされる時点でわからない場合は、jQuery を使用して個々の要素を非表示にすることができます。

$($('#UniqueNamePartialView").hide()); 

また

$($('#UniqueNamePartialView").show());

非推奨なtoggle()ので、私は近づきません。

于 2012-11-08T18:32:31.550 に答える
0

ビュー内で C# でそれらを非表示/表示する場合は、それらをレンダリングするかどうかを選択するだけです。

JavaScriptでそれらを非表示/表示したい場合は、それらを a の中に入れてdiv使用するだけです$("your_div").toggle();

于 2012-11-08T18:25:43.260 に答える