我有一个部分视图,弹出按钮点击。部分视图显示正常,但当我尝试单击表单复选框时,它们不显示已选中。我不确定发生了什么,但似乎复选框事件永远不会被解雇或类似的东西。我已经尝试使用jquery加载函数加载局部视图,但我似乎无法加载它。所以我使用AJAX调用并将数据插入普通视图中的div。
以下是我的部分观点:
@model EmployeeMaster.Models.EmployeeAsset
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
<div class="btn-group" data-toggle="buttons-radio">
<table class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<th>Item</th>
<th>Yes/No</th>
<th>Item</th>
<th>Yes/No</th>
<th>Item</th>
<th>Yes/No</th>
</tr>
</thead>
<tbody>
<tr>
<td>
@Html.Label("Cellular Telephone : ")
</td>
<td>
@Html.CheckBoxFor(model => model.CellPhone)
</td>
<td>
@Html.Label("Mileage Log : ")
</td>
<td>
@Html.CheckBoxFor(model => model.MileageLog)
</td>
<td>
@Html.Label("Travel Expense Reports : ")
</td>
<td>
@Html.CheckBoxFor(model => model.TravelExpenseReports)
</td>
</tr>
<tr>
<td>
@Html.Label("Computer : ")
</td>
<td>
@Html.CheckBoxFor(model => model.Computer)
</td>
<td>
@Html.Label("Pager : ")
</td>
<td>
@Html.CheckBoxFor(model => model.Pager)
</td>
<td>
@Html.Label("Uniforms : ")
</td>
<td>
@Html.CheckBoxFor(model => model.Uniforms)
</td>
</tr>
<tr>
<td>
@Html.Label("Customer Database : ")
</td>
<td>
@Html.CheckBoxFor(model => model.CustomerDatabase)
</td>
<td>
@Html.Label("PhoneCard : ")
</td>
<td>
@Html.CheckBoxFor(model => model.PhoneCard)
</td>
<td>
@Html.Label("Vehicle : ")
</td>
<td>
@Html.CheckBoxFor(model => model.Vehicle)
</td>
</tr>
<tr>
<td>
@Html.Label("Gas Card : ")
</td>
<td>
@Html.CheckBoxFor(model => model.GasCard)
</td>
<td>
@Html.Label("Security Card : ")
</td>
<td>
@Html.CheckBoxFor(model => model.SecurityCard)
</td>
<td>
@Html.Label("Co Credit Card : ")
</td>
<td>
@Html.CheckBoxFor(model => model.CoCreditCard)
</td>
</tr>
<tr>
<td>
@Html.Label("Keys : ")
</td>
<td>
@Html.CheckBoxFor(model => model.Keys)
</td>
<td>
@Html.Label("Tools : ")
</td>
<td>
@Html.CheckBoxFor(model => model.Tools)
</td>
<td>
@Html.Label("Other PPG Property : ")
</td>
<td>
@Html.CheckBoxFor(model => model.OtherPPGProperty)
</td>
</tr>
</tbody>
</table>
</div>
}
这是我在普通视图中用来调用局部视图的jquery:
<script type="text/javascript">
$(document).ready(function () {
$("#assets-button").on("click", function () {
$.ajax({
type: 'GET',
url: '@Url.Action("EmployeeAssets", "Employee", new { empNo = Model.EmployeeNumber })',
success: function (data) {
$('#assets-container').html(data);
}
});
$('#assets-container').bPopup(
{
modal: true,
appendTo: '#employee-edit-form'
});
});
});
</script>
这是我用来存储局部视图的div:
<div id="assets-container" style="display: none;position:absolute;background-color: white; padding: 10px;"></div>
这是一个截屏:
答案 0 :(得分:1)
问题出在局部视图内。桌子周围的div有一个&#34; class =&#34; btn-group&#34;数据肘节=&#34;按钮无线电&#34;&#34;这与复选框按钮相冲突。删除div类,它可以工作。