ext js网格面板滚动条不能与jquery一起使用

Question

我正在制定一个考勤计划，我有这个要求能够删除用户，所以我决定使用ext js网格。

我的应用程序我大多使用jquery，我使用淡入淡出的方法导航到不同的链接。 即我的应用程序在单个URL上运行。
现在，当我在ext js网格上执行此操作时，滚动条不会显示。 但通常情况下，如果没有淡入淡出的导航，则显示滚动条以下是网格的代码：

editableGrid = new Ext.grid.GridPanel({
            frame: true,
            id: "employeesGrid",
            renderTo: "emps",
            cm: colModel,
            sm: sm,
            store: store,
            height: 270,
            // inline toolbars
            tbar: [{
                text: 'Delete',
                tooltip: 'Click here to delete schedule billing entries',
                iconCls: 'remove',
                id: 'btnRemoveRow',
                handler: DeleteSelectedRows
            }]

        });

还有一件事，我在应用程序启动后立即加载商店。 当我使用以下代码时，网格存在，但div被隐藏了：

 $("#empDetails").fadeOut("slow", function () {
    $("#reportsLink").fadeOut();
    $("#timeInAndOutLink").fadeOut();
    $("#employeeInfoLink").fadeOut();
    $("#employeesLink").fadeOut();

    $("#allEmpsDetails").fadeIn();
});

滚动条未显示

Answer 1

我遇到了类似的问题。 通过阅读你的问题，我已经找到了解决问题的方法。 它可能适用于您的代码。

我的代码在弹出窗口（div）中显示了一个网格。 弹出窗口的内容由jQuery加载。 我正在将内容加载到隐藏的div，然后显示弹出窗口。

为了解决这个问题，我颠倒了顺序：显示弹出窗口然后加载其内容（网格）。