0

私は出席プログラムに取り組んでおり、ユーザーを削除できるようにするためにこの要件があるため、そのためにextjsグリッドを使用することにしました。

私のアプリケーションでは、主に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
            }]

        });

そして、もう1つ、アプリケーションが起動するとすぐにストアをロードします。次のコードを使用すると、グリッドはありますが、divは非表示になっています。

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

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

スクロールバーは表示されません

4

1 に答える 1

2

私も同様の問題に直面していました。あなたの質問を読むことによって、私は私の問題を解決する方法を理解しました。それはあなたのコードで動作するかもしれません。

私のコードは、ポップアップ（div）内にグリッドを表示します。ポップアップのコンテンツはjQueryによってロードされます。非表示のdivにコンテンツをロードしてから、ポップアップを表示していました。

この問題を解決するために、順序を逆にしました。ポップアップを表示してから、そのコンテンツ（グリッド）をロードします。

于 2012-10-11T14:24:25.630 に答える