gpt4 book ai didi

javascript - 一旦数据设置到 GridPanel 存储,面板内的 Sencha ExtJS Gridpanel 就不会呈现

转载 作者:行者123 更新时间:2023-11-28 07:54:26 27 4
gpt4 key购买 nike

我在垂直面板内有一个网格面板,这样我就可以在网格面板下面放置一些东西。直到我在网格面板上设置商店属性之前,一切都不会出现问题。然后窗口就变白了,什么也没有渲染。一定有一些小东西我错过了。

newWindow = Ext.create('Ext.window.Window', {
title: 'View Data',
height: 400,
width: 600,
layout: 'fit',
bodyPadding: 5,
resizable: false,
items:
[
{ xtype:'panel', layout:{ type:'vbox', pack:'center' }, items:
[
{ xtype: 'gridpanel', height:200, columns:
[
{ header: 'A', dataIndex: 'a'},
{ header: 'B', dataIndex: 'b' },
{ header: 'M', dataIndex: 'm' },
{ header: 'i', dataIndex: 'i' }
], store: store, forceFit: true, border: true
},
{ xtype:'panel', title: 'Hot Load', border: true, margin:'5', height:150, width: 500, layout:{ type:'hbox', pack:'center' }, bodyBorder: true, collapsible: true }
]
}
],
buttons:
[
{ text: 'OK' } ,
{ text: 'Cancel' }
]
});

最佳答案

这可能是您商店中的数据在某种程度上存在问题 - 您在此处的代码中未显示这一点。

我确实使用商店创建了一个 jsFiddle。如果您使用一些示例数据填充商店并且仍然遇到渲染问题,我会从类似于此 jsFiddle 中的内容开始,并将额外的格式/配置添加到那个。

我确实删除了额外的面板,并且 jsFiddle 并不能真正处理 Ext.window.Window 所以我在那里使用了一个面板作为示例。

http://jsfiddle.net/LgyLsmv2/

Ext.define('Example', {
extend: 'Ext.data.Model',
fields: [{
name: 'a'
}, {
name: 'b'
}, {
name: 'm'
}, {
name: 'i'
}]
});

var store = Ext.create('Ext.data.Store', {
model: 'Example',
data: [{
a: 'test A',
b: 'test B',
m: 'test M',
i: 'test I'
}, {
a: 'test A',
b: 'test B',
m: 'test M',
i: 'test I'
}, {
a: 'test A',
b: 'test B',
m: 'test M',
i: 'test I'
}]
});

newWindow = Ext.create('Ext.panel.Panel', {
title: 'View Data',
height: 400,
width: 600,
//layout: 'fit',
//bodyPadding: 5,
//resizable: false,
renderTo: Ext.getBody(),
items: [{
xtype: 'gridpanel',
//height: 200,
columns: [{
header: 'A',
dataIndex: 'a',
flex: 1
}, {
header: 'B',
dataIndex: 'b',
flex: 1
}, {
header: 'M',
dataIndex: 'm',
flex: 1
}, {
header: 'i',
dataIndex: 'i',
flex: 1
}],
store: store //,
//forceFit: true,
//border: true
}, {
xtype: 'panel',
title: 'Hot Load',
//border: true,
//margin: '5',
height: 150,
width: 500 //,
//layout: {
//type: 'hbox',
//pack: 'center'
//},
//bodyBorder: true,
//collapsible: true
}],
buttons: [{
text: 'OK'
}, {
text: 'Cancel'
}]
});

关于javascript - 一旦数据设置到 GridPanel 存储,面板内的 Sencha ExtJS Gridpanel 就不会呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26280552/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com