Extjs無法讀取屬性錯誤

Question

我做了以下extjs代碼，但當我添加屬性「寬度」和「高度」時，出現錯誤「無法讀取屬性'dom'null'但是該按鈕很好調整大小和表格工作正常，但導致此錯誤我的下拉菜單無法正常工作。

有誰知道如何解決它？

<div id="tab-content"> 
<script type="text/javascript"> 
Ext.onReady(function() { 
    Ext.create('BVCore.Grid', { 
     id:'tab-content', 
     renderTo: 'tab-content', 
     stateId: 'tab-content',  
     store: Ext.create('BVCore.LocalStore', { 
      fields: ['hostName', 'ip', 'serialNumber', 'model', 'role', 'status', 'siteName', 'installDate', 'linkedService'], 
      proxy: { 
       url: '<spring:url value="/controller/search/json/deviceSearch.json" />'    
      }, 
     }), 
     features: [{ftype:'grouping'}], 
     columns: [ 
        {text: '<spring:message code="device.hostname" />', dataIndex: 'hostName', autoSizeColumn: true, align: 'center'}, 
        {text: '<spring:message code="device.ipaddress" />', dataIndex: 'ip', autoSizeColumn: true, align: 'center'}, 
        {text: '<spring:message code="device.sn" />', dataIndex: 'serialNumber', autoSizeColumn: true, align: 'center'}, 
        {text: '<spring:message code="device.model"/>', dataIndex: 'model', autoSizeColumn: true, align: 'center'}, 
        {text: '<spring:message code="device.role" />', dataIndex: 'role', autoSizeColumn: true, align: 'center'}, 
        {text: '<spring:message code="device.status" />', dataIndex: 'status', autoSizeColumn: true, align: 'center'}, 
        {text: '<spring:message code="device.site" />', dataIndex: 'siteName', autoSizeColumn: true, align: 'center'}, 
        {text: '<spring:message code="device.installDate" />', dataIndex: 'installDate', autoSizeColumn: true, align: 'center'}, 
        {text: '<spring:message code="device.linkedService" />', dataIndex: 'linkedService', autoSizeColumn: true, align: 'center'}, 
        {autoSizeColumn: true, align: 'center', dataIndex: 'id', 
         renderer: function (value, metadata, record) { 
         var id = Ext.id(); 
         Ext.defer(function() { 
          Ext.widget('button', { 
           renderTo: id, 
           text: 'Details', 
           width: 75, 
           height: 18, 
           handler: function() { 
            window.location = "/netmg/controller/home/device/view/" + record.get('id'); 
           } 
          }); 
         }, 1); 
         return Ext.String.format('<div id="{0}"></div>', id); 
         } 
        } 
       ] 
    }); 
}); 
</script> 
</div> 

Answer 1

我發現錯誤感謝這個帖子：

https://www.sencha.com/forum/showthread.php?246181-TypeError-el-is-null-el-el.dom-Ext.getDom(el)-in-ext-all-dev.js-(ligne-19839)

Answer 2

它不是來自按鈕配置。 錯誤來自

renderTo發出： '標籤內容'

在你的代碼，你的網格的ID是

'標籤內容'

而你正試圖將相同的元素呈現給您正在創建的元素。 確保您提供了要渲染此網格的正確元素id。如果沒有任何元素，則只是分配

renderTo: Ext.getBody()

參考renderTo獲取更多信息。