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

时间:2012-08-29 11:16:58

标签: javascript jquery html extjs

我正在开展一个考勤计划,我有这个要求能够删除用户,所以我决定使用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();
});

滚动条未显示

1 个答案:

答案 0 :(得分:2)

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

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

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