0
- 私パネルにこれを追加しようとしているが、私は方法を知っているドント：これはテーブルで、コンテナがパネルであり、私はこれを行う方法を知っているドントExtJS 4.2 - パネルにテーブルを追加するにはどうしたらいいですか？
ExtJS 4.2では、最も近いものはグリッドですが、グリッドは必要ありません。
A
答えて
0
最後に、これをフォームパネルで解決しました。ここ は、コードは次のとおりです。
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
}
]
}
]
}
]
});
そして、これは結果の画像です： 
関連する問題
- 1. ExtJSすでに追加されているパネルの上にパネルを追加
- 2. extjs 4 - パネルのヘッダーにボタンを追加するにはどうすればいいですか？
- 3. 既存のパネルにフィールドを追加するにはどうすればいいですか？
- 4. パネルに水平スクロールバーを追加する方法ExtJsでは？
- 5. ExtJsパネル - 動的コンポーネントを追加する
- 6. intellijにjunit.jarを追加するにはどうしたらいいですか？
- 7. gulpfileにビルドタスクを追加するにはどうしたらいいですか？
- 8. wiresharkにカスタムプロトコルアナライザを追加するにはどうしたらいいですか？
- 9. プログラムにGUIを追加するにはどうしたらいいですか？
- 10. PATHにMATLABを追加するにはどうしたらいいですか？
- 11. codeigniterに.envを追加するにはどうしたらいいですか？
- 12. PHPMailerにブレークラインを追加するにはどうしたらいいですか？
- 13. extJSのクリックイベントから他のextJSオブジェクトにアクセスするにはどうしたらいいですか？
- 14. hadoopでファイルに追加するにはどうしたらいいですか？
- 15. クラスタでライブラリを追加するにはどうしたらいいですか？
- 16. knitr :: kableを使ってテーブルの下にノートを追加するにはどうしたらいいですか？
- 17. HTMLテーブルにMysql DBのエントリ数を追加するにはどうしたらいいですか？
- 18. ggplot2出力にテーブルを追加するにはどうしたらいいですか？
- 19. Extjs 4フォームに複数のパネルを動的に追加する
- 20. Tridionに追加のマルチメディアタイプを追加するにはどうしたらいいですか？
- 21. Djangoメッセージに追加データを追加するにはどうしたらいいですか？
- 22. Extjs 4.x：グリッドからポップアップウィンドウにデータを渡すにはどうしたらいいですか？
- 23. 別のテーブルの行を追加するにはどうしたらいいですか？
- 24. アイテムをアルファベット順にソートしてからリストに追加するにはどうしたらいいですか？
- 25. 条件が成立したら、リストに値を追加するにはどうしたらいいですか？
- 26. Sitecore 8では、スタートメニューに新しいアプリケーションを追加するにはどうしたらいいですか？
- 27. パネルにボタンを動的に追加するにはどうすればいいですか？
- 28. このファイルを追加するにはどうしたらよいですか？
- 29. Reactに新しい要素（新しいノード）を追加するにはどうしたらいいですか？
- 30. シェルスクリプトからサブバージョンにユーザーをプログラムで追加するにはどうしたらいいですか？
あなたは常に[ 'html'プロパティ]にHTMLを置くことができます（http://docs.sencha.com /extjs/4.2.2/#!/api/Ext.panel.Panel-cfg-html）。 – Alexander
私はそれをしようとしていますが、空白のセルには動的データが含まれています – SensacionRC
あなたが達成したいことと試したことはあなたの質問の一部でなければなりません。 – Alexander