ロックされた列を持つデータ グリッドを 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,
});
編集すべてを再作成しようとすると(レンダリング後に上記のすべてのアクションを繰り返す)、グリッドが作成され、この時点から問題なく実行されます。私は何が欠けていますか?