使用對ExtJS 3.0的RTL支持時，ExtJS Ext.Msg導致IE6和IE7上的網格標題消失

Question

好的，這是我的代碼：我從對ExtJS 3.0的RTL支持中使用對ExtJS 3.0的RTL支持

var store = new Ext.data.JsonStore({
    root: 'results',
    baseParams: {
        actionName: 'SearchDynamicArchive',
        xmlFileName: 'Demo.xml'
    },
    totalProperty: 'totalCount',
    idProperty: 'id',
    remoteSort: false,
    fields: ['fileName', 'cbDocType', 'cbDocSubject', 'txtDocDate', 'txtDocName', 'cbInitiativeDepartment', 'cbDepartmentInitiates', 'cbBuyerDepartment', 'cbEconomist', 'txtDemandNumber', 'txtCallNumber', 'txtSupplier', 'uploadDate', 'userName'],
    url: 'DynamicActionsHandler.ashx',
    autoLoad: {
        params: {
            limit: 30,
            start: 0,
            actionName: 'SearchDynamicArchive',
            siteID: 'e60b36f9-2e62-4425-b015-5de58325aaa8',
            panelId: 'bzqSearchPanel',
            xmlFileName: 'Demo.xml'
        }
    }
});

var grid = new Ext.grid.GridPanel({
    title: '',
    store: store,
    trackMouseOver: true,
    disableSelection: true,
    loadMask: false,
    columns: [{
        id: 'srf2',
        header: '<b>שם צרופה</b>',
        dataIndex: 'fileName',
        width: 'auto',
        sortable: true
    }, {
        id: 'cbDocType',
        header: '<b>סוג מסמך</b>',
        dataIndex: 'cbDocType',
        width: 'auto',
        sortable: true
    }, {
        id: 'cbDocSubject',
        header: '<b>נושא מסמך</b>',
        dataIndex: 'cbDocSubject',
        width: 'auto',
        sortable: true
    }, {
        id: 'txtFromDocDate',
        header: '<b>תאריך מסמך</b>',
        dataIndex: 'txtDocDate',
        width: 'auto',
        sortable: true
    }, {
        id: 'txtDocName',
        header: '<b>שם מסמך</b>',
        dataIndex: 'txtDocName',
        width: 'auto',
        sortable: true
    }, {
        id: 'cbInitiativeDepartment',
        header: '<b>חטיבה יוזמת</b>',
        dataIndex: 'cbInitiativeDepartment',
        width: 'auto',
        sortable: true
    }, {
        id: 'cbDepartmentInitiates',
        header: '<b>אגף יוזם</b>',
        dataIndex: 'cbDepartmentInitiates',
        width: 'auto',
        sortable: true
    }, {
        id: 'cbBuyerDepartment',
        header: '<b>ממ&quot;ח רכש</b>',
        dataIndex: 'cbBuyerDepartment',
        width: 'auto',
        sortable: true
    }, {
        id: 'cbEconomist',
        header: '<b>כלכלן</b>',
        dataIndex: 'cbEconomist',
        width: 'auto',
        sortable: true
    }, {
        id: 'txtDemandNumber',
        header: '<b>מספר דרישה</b>',
        dataIndex: 'txtDemandNumber',
        width: 'auto',
        sortable: true
    }, {
        id: 'txtCallNumber',
        header: '<b>מספר התקשרות</b>',
        dataIndex: 'txtCallNumber',
        width: 'auto',
        sortable: true
    }, {
        id: 'txtSupplier',
        header: '<b>ספק</b>',
        dataIndex: 'txtSupplier',
        width: 'auto',
        sortable: true
    }, {
        id: 'txtFromDocUploadDate',
        header: '<b>תאריך העלאה</b>',
        dataIndex: 'uploadDate',
        width: 'auto',
        sortable: true
    }, {
        id: 'userName',
        header: '<b>שם משתמש</b>',
        dataIndex: 'userName',
        width: 'auto',
        sortable: true
    }],
    stripeRows: true,
    viewConfig: {
        forceFit: true,
        enableRowBody: true,
        showPreview: true
    },
    sm: new Ext.grid.RowSelectionModel({
        singleSelect: true
    })

    ,
    bbar: [new Ext.PagingToolbar({
        id: 'paging-bar',
        pageSize: 30,
        store: store,
        displayInfo: true,
        displayMsg: localize.displayPages,
        emptyMsg: localize.noDocsToDisplay,
        listeners: {
            beforechange: onBeforePageChange
        }
    })],
    listeners: {
        rowcontextmenu: onRowcontextmenu,
        rowdblclick: function (g, ri, e) {
            downloadFile(store.getAt(ri).id);
        },
        render: function (grid) {
            grid.getEl().on("contextmenu", Ext.emptyFn, null, {
                preventDefault: true
            });
        }
    },
    contextMenu: new Ext.menu.Menu({
        items: [{
            pressed: false,
            enableToggle: false,
            text: localize.updateRecord,
            id: 'update_attachment'
        }, {
            pressed: false,
            enableToggle: false,
            text: localize.deleteRecord,
            id: 'delete_attachment'
        }, {
            pressed: false,
            enableToggle: false,
            text: localize.downloadRecord,
            id: 'download_attachment'
        }],
        listeners: {
            itemclick: onItemclick
        }
    }),
    autoExpandColumn: 'userName',
    id: 'searchResultPanel',
    enableColumnResize: true
});

Ext.onReady(function () {
    var dynamic_grid = new Ext.Container({
        layout: 'fit',
        items: grid,
        renderTo: 'dynamic_grid'
    })
    onPageResize();
    window.onresize = onPageResize;
});

現在，當我彈出一個Ext.Msg警報時，它帶有一個遮罩層，使網格標題消失了。 我在哪里應該尋求補救？ 任何幫助都將適用...

Answer 1

您確定要使用Ext.MessageBox嗎？ 如果您引用的是API，則此組件與常規的javascript alert（）有所不同，因為它是異步的，因此不會停止執行代碼。

如果打算停止所有代碼執行，直到用戶在警報框上按“ OK”，則應堅持使用普通的alert（）；