Ich versuche, dies zu einem Panel hinzuzufügen, aber ich nicht, wie:ExtJS 4.2 - Wie kann ich eine Tabelle zu einem Panel hinzufügen? weiß
Dieser Tisch ist und der Behälter ist eine Platte, und ich weiß nicht, wie dies zu tun in ExtJS 4.2, weil das nächste Ding ein Gitter ist, aber ich will kein Gitter.
Schließlich habe ich das mit einem Formular-Panel gelöst. Hier ist der Code:
var tabla=new Ext.form.Panel({
bodyPadding: '0 0 0 0',
margin:'0 5 0 5',
bodyStyle: 'background-color:#f1f1f1;',
border:0,
items: [
{
xtype: 'container',
anchor: '100%',
layout: 'hbox',
items:[
{
xtype: 'container',
flex: 1,
layout: 'anchor',
items:[
{
xtype:'textfield',
readOnly:true,
anchor:'100%',
labelAlign: 'top',
labelSeparator: '',
fieldLabel: '--',
labelStyle: 'text-align: center;color:#f1f1f1;background-color:#f1f1f1;',
height:104,
fieldStyle: 'text-align: center;',
value:'NUEVO'
}
]
},
{
xtype: 'container',
flex: 1,
layout: 'anchor',
items:[
{
xtype:'textfield',
readOnly:true,
anchor:'100%',
labelAlign: 'top',
labelSeparator: '',
fieldLabel: '--',
labelStyle: 'text-align: center;color:#f1f1f1;background-color:#f1f1f1;',
fieldStyle: 'text-align: center;',
value:'GANADO',
height:44
},
{
xtype:'textfield',
margin:'-5 0 0 0',
readOnly:true,
anchor:'100%',
fieldStyle: 'text-align: center;',
value:'PERDIDO',
height:30
},
{
xtype:'textfield',
readOnly:true,
anchor:'100%',
fieldStyle: 'text-align: center;',
value:'PENDIENTE',
height:30
}
]
},
{
xtype: 'container',
flex: 1,
layout: 'anchor',
items:[
{
xtype:'textfield',
anchor:'100%',
labelAlign: 'top',
labelSeparator: '',
fieldLabel: 'VIGOR',
labelStyle: 'text-align: center;background-color:#f1f1f1;',
readOnly:true,
fieldStyle: 'text-align: right;',
height:44
},
{
xtype:'textfield',
margin:'-5 0 0 0',
readOnly:true,
anchor:'100%',
fieldStyle: 'text-align: right;',
height:30
},
{
xtype:'textfield',
readOnly:true,
anchor:'200%',
fieldStyle: 'text-align: right;',
height:30
}
]
},
{
xtype: 'container',
flex: 1,
layout: 'anchor',
items:[
{
xtype:'textfield',
anchor:'100%',
labelAlign: 'top',
labelSeparator: '',
fieldLabel: 'VENCIDO',
labelStyle: 'text-align: center;background-color:#f1f1f1;',
readOnly:true,
fieldStyle: 'text-align: right;',
height:44
},
{
xtype:'textfield',
margin:'-5 0 0 0',
readOnly:true,
anchor:'100%',
fieldStyle: 'text-align: right;',
height:30
}
]
}
]
},
{
xtype: 'container',
margin:'-5 0 0 0',
anchor: '100%',
layout: 'hbox',
items:[
{
xtype: 'container',
flex: 1,
layout: 'anchor',
items:[
{
xtype:'textfield',
readOnly:true,
anchor:'100%',
height:90,
fieldStyle: 'text-align: center;',
value:'MANTENIMIENTO'
}
]
},
{
xtype: 'container',
flex: 1,
layout: 'anchor',
items:[
{
xtype:'textfield',
readOnly:true,
anchor:'100%',
value:'GANADO',
fieldStyle: 'text-align: center;',
height:30
},
{
xtype:'textfield',
margin:'-5 0 0 0',
readOnly:true,
anchor:'100%',
fieldStyle: 'text-align: center;',
value:'PERDIDO',
height:30
},
{
xtype:'textfield',
readOnly:true,
anchor:'100%',
fieldStyle: 'text-align: center;',
value:'PENDIENTE',
height:30
}
]
},
{
xtype: 'container',
flex: 1,
layout: 'anchor',
items:[
{
xtype:'textfield',
readOnly:true,
anchor:'100%',
fieldStyle: 'text-align: right;',
height:30
},
{
xtype:'textfield',
margin:'-5 0 0 0',
readOnly:true,
anchor:'100%',
fieldStyle: 'text-align: right;',
height:30
},
{
xtype:'textfield',
readOnly:true,
anchor:'200%',
fieldStyle: 'text-align: right;',
height:30
}
]
},
{
xtype: 'container',
flex: 1,
layout: 'anchor',
items:[
{
xtype:'textfield',
readOnly:true,
anchor:'100%',
fieldStyle: 'text-align: right;',
height:30
},
{
xtype:'textfield',
margin:'-5 0 0 0',
readOnly:true,
anchor:'100%',
fieldStyle: 'text-align: right;',
height:30
}
]
}
]
}
]
});
Und das ist ein Bild des Ergebnisses: 
Sie können immer HTML setzen in die [ 'html' Eigenschaft] (http://docs.sencha.com /extjs/4.2.2/#!/api/Ext.panel.Panel-cfg-html). – Alexander
Ich versuche das, aber die leeren Zellen enthalten dynamische Daten – SensacionRC
Was Sie erreichen wollen und was Sie versucht haben, sollte Teil Ihrer Frage sein. – Alexander