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，然后顯示彈出窗口。

為了解決這個問題，我顛倒了順序：顯示彈出窗口然后加載其內容（網格）。