当它们为空(td& tr)-mvc时隐藏列中的列

时间:2018-06-04 21:48:22

标签: model-view-controller

我的观点如下:

<div class="form-horizontal">

<hr />
<div class="form-group">
    <table class="table table-responsive" style="width:400px">
        <tr>
            <th>
                @Html.DisplayNameFor(model => model.CreationDate)
            </th>
            <th id="AccountHideId">
                @Html.DisplayNameFor(model => model.EmailAddress)
            </th>
            <th id="ContactHideId">
                @Html.DisplayNameFor(model => model.EmailAddress)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.AccountName)
            </th>
            <th>
                @Html.DisplayNameFor(model => model.ContactName)
            </th>
            @if (Model != null)
            {
                foreach (var item in Model.OrderByDescending(i => i.CreationDate))
                {
                <tr>
                    <td>
                        @Html.DisplayFor(modelItem => (item.CreationDate))
                    </td>
                    <td id="AccountHideId">
                        @Html.DisplayFor(modelItem => item.PrimaryContactEmail)
                    </td>
                    <td id="ContactHideId">
                        @Html.DisplayFor(modelItem => item.EmailAddress)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.PrimaryContactName)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.ContactName)
                    </td>
                    <td>
                        <input type="submit" id="updateId" value="Update" onclick='Javascript:UpdateEmployee(@Html.Raw(Json.Encode(item)));return false;' />
                    </td>
                </tr>
                }
            }
        </table>
    </div>
</div>

当我得到结果时很好,我根据下拉和搜索调用2 apis。我的要求是在选择一个下拉列表时隐藏2列,并在选择另一个下拉列值时隐藏不同的2列。 我试过下面,但只适用于文件准备。 在我的控制器中搜索后,我有返回视图(obj),无论更改脚本上的jQuery如何,都会产生结果。

<script>
    $(document).ready(function () {
        if ($("#DropDown option:selected").val() == 3) { $("#Organization").hide(); $("#FullName").hide(); }
        $("#DropDown").change(function () {
            if ($("#DropDown option:selected").val() == 1) {
                $("#FullName").show();
                $("#Organization").hide();
                $("#AccountHideId").hide();
            } else {
                $("#FullName").hide();
                $("#Organization").show();
                $("#ContactHideId").hide();
            }
        });

    });

请帮忙。

0 个答案:

没有答案