Extjs无法读取属性错误

在此处输入图像描述 我做了以下extjs代码,但是当我添加属性’width’和’height’时,我得到错误“无法读取属性’dom’的null”
然而,按钮调整得很好,表格工作正常,但导致此错误,我的下拉菜单无法正常工作。

有人知道怎么解决吗?

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: '' }, }), features: [{ftype:'grouping'}], columns: [ {text: '', dataIndex: 'hostName', autoSizeColumn: true, align: 'center'}, {text: '', dataIndex: 'ip', autoSizeColumn: true, align: 'center'}, {text: '', dataIndex: 'serialNumber', autoSizeColumn: true, align: 'center'}, {text: '', dataIndex: 'model', autoSizeColumn: true, align: 'center'}, {text: '', dataIndex: 'role', autoSizeColumn: true, align: 'center'}, {text: '', dataIndex: 'status', autoSizeColumn: true, align: 'center'}, {text: '', dataIndex: 'siteName', autoSizeColumn: true, align: 'center'}, {text: '', dataIndex: 'installDate', autoSizeColumn: true, align: 'center'}, {text: '', 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('
', id); } } ] }); });

它不是来自按钮配置。 错误来自于

renderTo:’tab-content’

在您的代码中,您的网格的ID是

“标签内容”

并且您正在尝试将相同的元素呈现给您正在创建的元素。 确保提供要为此网格呈现的正确元素ID 。 如果不是任何元素,那么只需分配

renderTo: Ext.getBody()

请参阅renderTo以获取更多信息。