javascript - 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，然后显示弹出窗口。

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