Question

嗨，我正在努力展示我的jtable。它仅在我使用调试器单步执行javascript时显示。

$("body").on("click", "#tabRole", function () {
        document.getElementById("1").className = "inactive";
        document.getElementById("2").className = "active";

        $('#Admin-details').load('../Admin/ADRoleAdmin');
        jTableRoles();
    });

此方法将ADRoleAdmin作为局部视图加载到div中。然后jTableRoles（）应该将jtable加载到ADRoleAdmin内的div（jTableRoles）中：

var jTableRoles = function () {
    $(function () {
        debugger;
        $('#jTableRoles').jtable({
            paging: true, 
            pageSize: 20,
            sorting: true,
            title: 'Roles',
            onRowEdit: function (event, data) {
                UpdateRoleDetails(data.records.RoleId, data.records.RoleName);
            },
            actions: {
                listAction: '../Admin/GetRoles',
                updateAction: 'dummy'
            },
            toolbar: {
                items: [{
                    icon: '../Content/images/Misc/Add icon.png',
                    text: 'Create New',
                    click: function () {
                        UpdateRoleDetails(0, '');
                    }
                }]
            },
            fields: {
                Id: {
                    key: true,
                    list: false
                },
                Name: {
                    title: 'Role name',
                },
                Description: {
                    title: 'Role description',
                    sorting: false
                }
            }
        });

        $('#jTableRoles').jtable('load');
    });
}

请告诉我我做错了什么或我能做些什么不同才能让它发挥作用。

Answer 1

循环执行这些步骤需要额外的时间。看起来ADRoleAdmin的加载在加载jTable时没有完成。

尝试在超时后启动jtable进行检查。最好加载ADRoleAdmin，然后加载jTable

Jtable仅在单步执行调试器时显示

1 个答案: