我正在尝试在 Web 应用程序中插入带有锁定列的数据网格。
如果我显示没有锁定列的网格,一切运行正常。当我锁定一列时,会创建网格,但它非常小(只是一个小正方形,使其基本上不可见)。
为什么会发生这种情况,我该如何解决?
这是我所拥有的:
for (var i = 0; i < this.fields.length; i++) {
var currentField = this.fields[i];
fields.push(currentField.columnName);
columns.push({
header: currentField.name,
dataIndex: currentField.columnName,
hidden: i >= 4,
locked: i == 1
});
}
Ext.create('Ext.data.Store', {
storeId: 'resultsStore',
fields: fields,
data: results
});
var grid = Ext.create('Ext.grid.Panel', {
store: "resultsStore",
columns: columns,
title: 'Results',
renderTo: "actualResultsContainer",
height: 250,
width: 500,
enableLocking: true,
});
编辑如果我尝试重新创建所有内容(在渲染后重复上面的所有操作),则会创建网格,并且从这一点开始,它运行得很好。我错过了什么?