我的观点如下:
<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();
}
});
});
请帮忙。