ExtJS Ext.Msg вызывает исчезновение заголовков сетки в IE6 и IE7 при использовании поддержки RTL для ExtJS 3.0.

Хорошо, вот мой код: я использую поддержку RTL для ExtJS 3.0 из Поддержка RTL для ExtJS 3.0

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, оно содержит маскирующий слой, из-за которого заголовок сетки исчезает. Где тут искать лекарство?? Любая помощь будет принята...


person AMember    schedule 27.01.2011    source источник


Ответы (1)


Вы уверены, что хотите использовать Ext.MessageBox? Если вы обратитесь к API, этот компонент отличается от обычного javascript alert() тем, что он не останавливает выполнение кода, потому что он асинхронный.

Если вы собираетесь остановить все выполнение кода до тех пор, пока пользователь не нажмет «ОК» в окне предупреждения, вам следует просто придерживаться старого простого предупреждения();

person It Grunt    schedule 27.01.2011
comment
Я использую его способность синхронизации для ссылки на остальную часть выполнения. Это не та проблема, с которой я сталкиваюсь. Это маскировка, которая поставляется с окном сообщений, которая доставляет мне неприятности. Каким-то образом эта маскировка заставляет элементы на странице менять свое исходное положение. - person AMember; 29.01.2011