ExtJS4-卡布局项
是否可以更改卡片布局中的项目？我想像分页文档一样使用这种布局。从下面的代码中，它确实显示了第1、2和3页。我试图测试的是，当我单击“选项”时，更改卡片布局中的项目ExtJS4-卡布局项,extjs4,Extjs4,是否可以更改卡片布局中的项目？我想像分页文档一样使用这种布局。从下面的代码中，它确实显示了第1、2和3页。我试图测试的是，当我单击“选项”时，更改卡片布局中的项目 var cards = [{ id: 'card-0', html: 'Page 1', border: false }, { id: 'card-1', html: 'Page 2'
var cards = [{
id: 'card-0',
html: 'Page 1',
border: false
}, {
id: 'card-1',
html: 'Page 2',
border: false
}, {
id: 'card-2',
html: 'Page 3',
border: false
}];
var document = Ext.create('Ext.form.Panel', {
id: 'testcard',
padding: '0 0 5 5',
title: 'test',
layout: 'card',
region: 'center',
activeItem: 0, // index or id
tbar: [{
id: 'test',
text: 'Options',
handler: function (btn) {
cards = [{
id: 'card-1',
html: 'Page AAAAAAAAAAAA',
border: false
}, {
id: 'card-2',
html: 'Page BBBBBBBBBBBB',
border: false
}];
Ext.getCmp('testcard').doLayout();
}
}],
bbar: ['->', {
id: 'move-prev',
text: '« Previous',
handler: function (btn) {
navigate(btn.up("panel"), "prev");
},
disabled: true
}, {
id: 'move-next',
text: 'Next »',
handler: function (btn) {
navigate(btn.up("panel"), "next");
}
}],
items: cards
});
还有其他方法吗？一个单元格显示html的网格？这是一种错误的方法，首先，您编写表单面板时，表单面板使用您在开始时定义的3张卡进行渲染，在选项处理程序上，新对象对卡变量的属性与表单面板无关，要更改或添加新元素，请使用面板的add方法，然后使用layout setActive
function (btn){
btn.up('panel').add([{
id: 'card-1',
html: 'Page AAAAAAAAAAAA',
border: false
}, {
id: 'card-2',
html: 'Page BBBBBBBBBBBB',
border: false
}]);
btn.up('panel').getLayout().setActiveItem(aPage);
}
....
xtype: 'gridpanel',
tpl: new Ext.XTemplate('<html goes here/>').compile(),
columns: [
{
dataIndex: 'id',
header: 'theColumn',
renderer: function(value,meta,record){
return this.tpl.applyTemplate(record.data);
}
},
....
。。。。
xtype:“gridpanel”，
tpl:new Ext.XTemplate（“”）.compile（），
栏目：[
{
数据索引：“id”，
标题：“theColumn”，
渲染器：函数（值、元、记录）{
返回此.tpl.applyTemplate（record.data）；
}
},
....