ExtJs 4 Grid面板在窗口大小調整時不能正確調整大小

我在DIV中渲染Grid面板，對於DIV和Grid Panel我沒有指定任何寬度，因此它應占用所有可用的瀏覽器寬度。當用戶重新調整瀏覽器窗口的大小時，該網格不會根據瀏覽器的新寬度重新調整自己的大小。我已經嘗試過建議/解決方案，我發現下面的鏈接，但這些不是爲我工作ExtJs 4 Grid面板在窗口大小調整時不能正確調整大小

Stackoverflow post - 從這個我試過窗口重新大小的解決方案

ExtJs Plugin - Fit to parent - 我也移植這個ExtJS的3插件ExtJS的4，但這也沒有幫助

任何指針或幫助是高度讚賞

這裏是抓握面板的代碼片段構成了我的項目

Ext4.define('myNameSpace.myGrid', { 
    extend: 'Ext4.grid.Panel', 
    alias: ['widget.myGrid'], 
    constructor: function (config) { 
     config = Ext4.apply({}, config || {}, { 
      columnLines: true, 
      sortableColumns: false, 
      enableColumnHide: false, 
      enableColumnMove: false, 
      enableColumnResize: false, 
      forceFit: false, 
      viewConfig: { 
       enableTextSelection: true, 
       stripeRows: false, 
       loadMask: false, 
       emptyText: '<div class="x-grid-empty"> NO Data present</div>', 
       deferEmptyText: true, 
       getRowClass: function(record, rowIndex, rowParams, store){ 
        return record.data.isExpired ? "expired-transaction" : ''; 
       } 
      }, 
      columns: { 
       defaults: { 
        height: 30 
       }, 
       items: [ 
        { 
         text: "&#160;", 
         id: "recurringColumnHdr", 
         width: 30, 
         dataIndex: "isRecurring", 

         align: "center" 
        }, 
        { 
         text: "From", 
         id: "fromColumnHdr", 
         width: 175, 
         flex: .15, 
         dataIndex: "fromAccountDescription" 
        }, 
        { 
         text: "To", 
         id: "toColumnHdr", 
         width: 175, 
         flex: .15, 
         dataIndex: "toAccountDescription" 
        }, 
        { 
         text: "Amount", 
         id: "amountColumnHdr", 
         width: 100, 
         dataIndex: "amount", 
         renderer: Ext4.util.Format.usMoney, 
         align: 'right' 
        }, 
        { 
         text: "Date", 
         id: "dateColumnHdr", 
         width: 75, 
         dataIndex: "transferDate", 
         align: 'right' 

        }, 
        { 
         text: "Repeat", 
         id: "repeatColumnHdr", 
         dataIndex: "frequency", 
         flex:.35, 

        }, 
        { 
         text: "Memo", 
         dataIndex: "memo", 
         id: "memoColumnHdr", 
         flex: .35 
        } 
       ] 
      }, 
      dockedItems: [{ 
       xtype: 'toolbar', 
       dock: 'bottom', 
       height: 30 
      }] 
     }); 
     this.callParent([config]); 



    } 
});

這裏是我使用的渲染以上電網代碼

Ext4.create('myNameSpace.myGrid', { 
      store: Ext4.create('myGridStore'), 
      renderTo: 'transfersGrid', 
      id: "transferGridPanel" 
     });

來源

2013-08-06 sagar

沒有足夠的代碼...您提供的所有內容都是網格定義，而不是您如何或在何處將其與頁面上的其餘HTML進行渲染。您已經定義了一個組件，但創建代碼在哪裏？ – bakamike

@bakamike - 我已經爲這個網格添加了渲染代碼。實際上這個代碼是更大項目的一部分，因此很難給出詳細的代碼。讓我知道，如果你真的想看到完整的HTML，在這種情況下，我會從瀏覽器中拿出相關的HTML。即使你可以給一些指針來解決這個問題，我會嘗試進一步。感謝您的幫助 – sagar

得到了這個修復 - 問題是與其他一些周圍的HtML – sagar

得到這個固定的，不存在與其他周圍的HTML，而不是問題與網格

來源

2013-08-09 04:48:52 sagar

使用minWidth，maxWidth，了minHeight和maxHeight電網配置屬性

來源

2013-08-07 08:37:37

得到解決這個問題是與其他周圍的HTML，而不是與實際的網格 – sagar

ExtJs 4 Grid面板在窗口大小調整時不能正確調整大小

回答

相關問題