의 ExtJS Ext.Msg 여기에서 확인 ExtJS에 3.0

Question

에 대한 RTL 지원을 사용하는 경우 헤더가 IE6와 IE7에 사라 그리드의 원인은 내 코드입니다 : 나는 지금 RTL support for 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; 
}); 

에서의 ExtJS 3.0에 대한 사용 RTL 지원 Ext.Msg 경고를 팝업 할 때 격자 헤더가 사라지는 마스킹 레이어가 제공됩니다. 어디에서 치료법을 찾아야합니까? 도움이 될 것입니다 ...

Answer 1

Ext.MessageBox를 사용 하시겠습니까? API를 참조하는 경우이 구성 요소는 비동기 적이므로 코드 실행을 중단시키지 않는다는 점에서 일반 javascript alert()과 다릅니다.

사용자가 경고 상자에서 "확인"을 누를 때까지 코드 실행을 모두 중단하려는 경우 일반 경고()로만 고정해야합니다.