c# - JQuery ダイアログ内の Div コンテンツの表示と非表示

Question

ラベルとその検証の概要を持つ Div 内に単一のフィールドがあります。これは、モーダル JQuery ダイアログの一部です。

<table>
.
.
.
<div id="user-date-add">
                    <tr>
                        <td width="100">
                            <div class="editor-label">
                                @Html.LabelFor(model => model.User.Date)
                            </div>
                        </td>
                        <td>
                            <div class="editor-field">
                                @Html.EditorFor(model => model.User.Date)
                                @Html.ValidationMessageFor(model => model.User.Date)
                            </div>
                        </td>

                    </tr>
                </div>
.
.
.

JavaScript 関数内の特定の条件に応じて、このセクションを表示または非表示にして、その Div 内の Date フィールドと関連データを表示する必要があります

だから私は試しました：

   if(condition)
    {
     $("#user-date-add").hide();
    }
     else
    {
      $("#user-date-add").show();
    }

私も利用しようとしました：

$("#user-date-add").trigger();

うまくいきません。フォームのフィールドは点滅さえしません。div が modal popup 内でレンダリングされるためですか? それとも、内部に入力タグがあるからですか? ちなみに、Editor Date フィールドは DatePicker として表示されます。

どうすればこれを機能させることができますか? 前もって感謝します。

Answer 1

ダイアログのIDdialog-boxが $('#dialog-box #user-date-add').hide();

Firefox の Firebug または Chrome の Web Inspector を使用して、コンソールで次のようなさまざまなバリエーションを試してみてください。

$('#user-date-add');
$('[id=user-date-add]');
$('[id=user-date-add');
$('.editor-label');

それが役立つことを願っています、デイブ

Answer 2

どうやら、テーブルセル内にDIVタグを含めることは無効です。

divを削除し、.Hide（）/ .Show（）に必要な実際の行にIDを追加しました。

                <tr id="user-date-add">
                    <td width="100">
                        <div class="editor-label">
                            @Html.LabelFor(model => model.User.Date)
                        </div>
                    </td>
                    <td>
                        <div class="editor-field">
                            @Html.EditorFor(model => model.User.Date)
                            @Html.ValidationMessageFor(model => model.User.Date)
                        </div>
                    </td>

                </tr>