部分视图复选框在普通视图中不起作用

时间:2014-10-13 19:19:38

标签: javascript jquery asp.net-mvc partial-views

我有一个部分视图,弹出按钮点击。部分视图显示正常,但当我尝试单击表单复选框时,它们不显示已选中。我不确定发生了什么,但似乎复选框事件永远不会被解雇或类似的东西。我已经尝试使用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>

这是一个截屏: enter image description here

1 个答案:

答案 0 :(得分:1)

问题出在局部视图内。桌子周围的div有一个&#34; class =&#34; btn-group&#34;数据肘节=&#34;按钮无线电&#34;&#34;这与复选框按钮相冲突。删除div类,它可以工作。