Question

当我的ajax调用返回true时，我试图禁用视图中的所有按钮，但到目前为止我尝试的所有内容都不起作用：

departments = DepartmentStats._get_collection().aggregate([
    {"$project": {
        "department_id": 1,
        "name": 1,
        "list_of_users": 1,
        "len_list_of_items": {"$divide": [{"$size": "$list_of_users"},
                                          {"$size": "$list_of_workstations"}]}
    }},
    {"$sort": {"len_list_of_items": -1}},
])

到目前为止，我试过的是：

 @model IEnumerable<eksp.Models.WorkRole>
    @{
        ViewBag.Title = "DisplayListOfRolesUser";
    }
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script type="text/javascript">
            $(document).ready(function () {
                var dataJSON;
                $.ajax({
                    type: "POST",
                    url: '@Url.Action("checkNumRoles", "WorkRoles")',
                    dataType: "json",
                    success: successFunc,
                    error: errorFunc
                });

                function successFunc(data, status) {



                    if (data== true) {

                        $(".btn").prop('disabled', true);
                    }
                    alert(data);
                }

                function errorFunc() {
                    alert('error');
                }


            });


    </script>



    @foreach (var item in Model)
    {

        <div class="jumbotron">
            <h1>@Html.DisplayFor(modelItem => item.RoleName)</h1>
            <p class="lead">@Html.DisplayFor(modelItem => item.RoleDescription)</p>
            <p> @Html.ActionLink(">Focus on this one!", "addWorkRoleUser", new { id = item.WorkRoleId },  new { @class = "btn btn-primary btn-lg" })</p>
        </div>        

    }

我不明白为什么这不起作用。可能我错过了很小的东西，但我不知道是什么。任何帮助将不胜感激。

Answer 1

使用禁用的类禁用按钮。

$('.btn').addClass('disabled');

在mvc视图中禁用动态生成的引导按钮

1 个答案: