java怎么在paneljava面板中添加图片里添加文字
点击联系发帖人
时间：2017-08-20 20:47
java中panel怎么放到窗体中？
<a href="/b/.html" title="怎么在网页插入无提示关闭窗口的代码用怎么在网页插入无提示关闭窗口的代码用<s...
调用相关信息ontainer的add函数，将需要的组件加载到窗体中。
JFrame的getContentPane函数可以返回它自身的Container，所以如下例加载就可以了。
import javax.swing.JB
import javax.swing.JF
import javax.swing.JP
public class Test extends JFrame {
private JPanel p = new JPanel();
private JButton b = new JButton("Click");
private Test() {
super("Test");
tSize(new Dimension(100, 100));
tContentPane().add(p);
//如此放入窗体中
public static void main(String[] args) {
Test t = new Test();
调用相关信息ontainer的add函数，将需要的组件加载到窗体中。
JFrame的getContentPane函数可以返回它自身的Container，所以如下例加载就可以了。
import javax.swing.JB
import javax.swing.JF
import javax.swing.JP
public class Test extends JFrame {
private JPanel p = new JPanel();
private JButton b = new JButton("Click");
private Test() {
super("Test");
tSize(new Dimension(100, 100));
tContentPane().add(p);
//如此放入窗体中
public static void main(String[] args) {
Test t = new Test();
tVisible(true);
}
}
效果如下图：
???你说的不详细我不是很明白
您好，我是陈自名（QQ:）。点服务器名右侧的那个向下的小三角符号，然后会自动载入可用的数据库实例名。
设置窗体属性：模式(modal)为是(true)即可。
你的“窗体”用的哪个类?查一下文档
答: 想学达内的java，请问学java之前需要有什么基础吗？？？
答: 这个要设计到JNI的开发,就是用Java来调用C语言的函数库,还要编写缓冲器来解决传输问题,还有就是网络协议一定要了解,做的时候要用多线程来控制你所有的缓冲器,...
答: 所谓的网络编程，不论c还是java，本质上都是通过socket进行数据传输；一般情况下可以使用的传输协议有tcp、udp、ftp等等，这些协议为网络变成提供基本...
大家还关注
确定举报此问题
举报原因(必选)：
广告或垃圾信息
激进时政或意识形态话题
不雅词句或人身攻击
侵犯他人隐私
其它违法和不良信息
报告，这不是个问题
报告原因(必选)：
这不是个问题
这个问题分类似乎错了
这个不是我熟悉的地区
相关问答：1234567891011121314156792人阅读
&&&&&& 1.类结构
&&&&&&&&&&&&& Ext.Base
&&&&&&&&&&&&&&&&&&&& Ext.AbstractComponent
&&&&&&&&&&&&&&&&&&&&&&&&&&& ponent
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& Ext.container.AbstractContainer
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& Ext.container.Container
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& Ext.panel.AbstractPanel
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& Ext.panel.Panel&& 是以前版本& 现在：Ext.Panel类
&&&&&& 2.常见的子类
&&&&&&&&&&&&& Ext.window.Window& --控制窗口
&&&&&&&&&&&&& Ext.form.Panel&& --控制form
&&&&&&&&&&&&& Ext.panel.Table&& --控制grid
&&&&&&&&&&&&& Ext.tab.Panel&& ---控制工具条
&&&&&&&&&&&&& Ext.menu.Menu&& ---控制菜单
&&&&&&&&&&&&& Ext.tip.Tip
&&&&&&&&&&&&& Ext.container.ButtonGroup
&&&&&& 3.组成面板的组件
&&&&&&&&&&&&& 底部工具栏、顶部工具栏、面板头部、面板底部、面板体
&&&&&& 4.代码实现：
Ext.onReady(function(){
&&&&&& Ext.QuickTips.init();
&&&&&& Ext.create(&Ext.panel.Panel&,{
&&&&&&&&&&&&& title:&面板的头部[Ext.panel.Header]&,
&&&&&&&&&&&&& width:500,
&&&&&&&&&&&&& bodyPadding:10,//面板内容的内边距
&&&&&&&&&&&&& height:400,
&&&&&&&&&&&&& hideCollapseTool:false,//默认是收起还是不收起
&&&&&&&&&&&&& collapsible:true,//启用收起的按钮
&&&&&&&&&&&&& //animCollapse:false,//是否启动动画&&&
&&&&&&&&&&&&& frame:true,//渲染面板
&&&&&&&&&&&&& //autoLoad:&&,//只要不是null就自动加载内容 html文件的地址
&&&&&&&&&&&&& html:&&p&面板体&/p&&,//和上面的autoLoad冲突，autoLoad优先级要高
&&&&&&&&&&&&& autoScroll:true,//自动滚动条
&&&&&&&&&&&&& closable:true,//运行客户关闭
&&&&&&&&&&&&& closeAction:&destroy&,//设置关闭动作是销毁还是隐藏&& destroy&hide
&&&&&&&&&&&&& bodyStyle:{
&&&&&&&&&&&&&&&&&&&& background:&#ffc&
&&&&&&&&&&&&& },
&&&&&&&&&&&&& renderTo:&demo&,
&&&&&&&&&&&&& tbar:[
&&&&&&&&&&&&&&&&&&&& {xtype:&button&,text:&顶部工具栏&}
&&&&&&&&&&&&& ],
&&&&&&&&&&&&& bbar:[
&&&&&&&&&&&&&&&&&&&& {xtype:&button&,text:&底部工具栏&}
&&&&&&&&&&&&& ],
&&&&&&&&&&&&& dockedItems:[{
&&&&&&&&&&&&&&&&&&&& xtype:&toolbar&,
&&&&&&&&&&&&&&&&&&&& dock:&bottom&,//放置位置
&&&&&&&&&&&&&&&&&&&& ui:&footer&,//按钮位置
&&&&&&&&&&&&&&&&&&&& items:[
&&&&&&&&&&&&&&&&&&&&&&&&&&& {xtype:&component&,flex:1},
&&&&&&&&&&&&&&&&&&&&&&&&&&& {xytpe:&button&,text:&面板底部&,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& handler:function(b){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& b.up(&panel&).removeAll();//自动销毁子面板
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&& ]
&&&&&&&&&&&&& }],
&&&&&&&&&&&&& tools:[{
&&&&&&&&&&&&&&&&&&&& type:&refresh&,
&&&&&&&&&&&&&&&&&&&& qtip:&刷新&
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& type:&help&,
&&&&&&&&&&&&&&&&&&&& qtip:&帮助&
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& type:&next&,
&&&&&&&&&&&&&&&&&&&& handler:function(event,toolEl,panel){
&&&&&&&&&&&&&&&&&&&&&&&&&&& panel.up(&panel&).insert(0,{//追加一个子panel
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& width:100,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& height:100,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& bodyStyle:{
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& background:&red&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&&&&&& })
&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&& }&&&&
&&&&&&&&&&&&& ]&&&&&
&&&&&& 1.Auto自动布局[Ext.layout.container.Auto]
&&&&&& 介绍：组件没有指定任何布局方式，Auto布局就是默认的布局方式，它采用原始的HTML流式排版的布局方式
&&&&&& Ext.onReady(function(){
&&&&&& Ext.QuickTips.init();
&&&&&& Ext.create(&Ext.Panel&,{
&&&&&&&&&&&&& width:500,
&&&&&&&&&&&&& height:480,
&&&&&&&&&&&&& title:&auto布局的面板&,
&&&&&&&&&&&&& layout:&auto&,
&&&&&&&&&&&&& renderTo:&demo&,
&&&&&&&&&&&&& items:[{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第一个面板&,
&&&&&&&&&&&&&&&&&&&& width:&75%&,//占总体的百分比
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第二个面板&,
&&&&&&&&&&&&&&&&&&&& width:&75%&,
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第三个面板&,
&&&&&&&&&&&&&&&&&&&& width:&90%&,
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& }]&&&
&&&&&& 2.Fit自适应布局[Ext.layout.container.Fit]
&&&&&& 介绍：它是它的(第一个也是唯一个)资源元素填满自身的body
&&&&&& Ext.onReady(function(){
&&&&&& Ext.QuickTips.init();
&&&&&& Ext.create(&Ext.Panel&,{
&&&&&&&&&&&&& width:500,
&&&&&&&&&&&&& height:280,
&&&&&&&&&&&&& title:&fit布局的面板&,
&&&&&&&&&&&&& layout:&fit&,
&&&&&&&&&&&&& renderTo:&demo&,
&&&&&&&&&&&&& items:[{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第一个面板&,
&&&&&&&&&&&&&&&&&&&& width:&75%&,//占总体的百分比
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第二个面板&,
&&&&&&&&&&&&&&&&&&&& width:&75%&,
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& }]&&&
&&&&&& 3.Accordion折叠(手风琴)布局& [Ext.layout.container.Accordion]
&&&&&& 介绍：它是初始化多个版面，当一个版面处于打开状态下，其他办法就会处于收起状态
&&&&&& Ext.onReady(function(){
&&&&&& Ext.QuickTips.init();
&&&&&& Ext.create(&Ext.Panel&,{
&&&&&&&&&&&&& width:500,
&&&&&&&&&&&&& height:280,
&&&&&&&&&&&&& title:&accordion布局的面板&,
&&&&&&&&&&&&& layout:&accordion&,
&&&&&&&&&&&&& renderTo:&demo&,
&&&&&&&&&&&&& items:[{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第一个面板&,
&&&&&&&&&&&&&&&&&&&& width:&75%&,//占总体的百分比
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第二个面板&,
&&&&&&&&&&&&&&&&&&&& width:&75%&,
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第三个面板&,
&&&&&&&&&&&&&&&&&&&& width:&90%&,
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& }]&&&
&&&&&& 4.Card卡片布局[Ext.layout.container.Card]
&&&&&& 介绍：和折叠布局不同之处在于它是自定义按钮来切换&&&&&&
&&&&&& Ext.onReady(function(){
&&&&&& Ext.QuickTips.init();
&&&&&& varnavigate=function(panel,direction,btn){
&&&&&&&&&&&&& varlayout=panel.getLayout();
&&&&&&&&&&&&& layout[direction]();//指定动态的方法& 根据传入的参数来充当方法名
&&&&&&&&&&&&& //card的关键函数next()ponent.prev():ponent
&&&&&&&&&&&&& //getNext()ponent.next() : ponent
&&&&&&&&&&&&& Ext.getCmp(&move-prev&).setDisabled(!layout.getPrev());
&&&&&&&&&&&&& Ext.getCmp(&move-next&).setDisabled(!layout.getNext());
&&&&&& Ext.create(&Ext.Panel&,{
&&&&&&&&&&&&& width:500,
&&&&&& &&&&&& height:280,
&&&&&&&&&&&&& layout:&card&,//设置布局
&&&&&&&&&&&&& activeItem:0,//默认展示的子节点索引
&&&&&&&&&&&&& index:1,//自定义索引
&&&&&&&&&&&&& renderTo:&demo&,
&&&&&&&&&&&&& items:[{
&&&&&&&&&&&&&&&&&&&& id:&card-0&,
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第一个面板&,
&&&&&&&&&&&&&&&&&&&& html:&第一个面板&
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& id:&card-1&,
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第二个面板&,
&&&&&&&&&&&&&&&&&&&& html:&第二个面板&
&&&&&& &&&&&& },{
&&&&&&&&&&&&&&&&&&&& id:&card-2&,
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第三个面板&,
&&&&&&&&&&&&&&&&&&&& html:&第三个面板&
&&&&&&&&&&&&& }],
&&&&&&&&&&&&& titleInfo:&card布局实例&,
&&&&&&&&&&&&& listeners:{
&&&&&&&&&&&&&&&&&&&& render:function(){//面板初始化调用
&&&&&&&&&&&&&&&&&&&&&&&&&&& varpanel=
&&&&&&&&&&&&&&&&&&&&&&&&&&& panel.setTitle(panel.titleInfo+&(&+(this.activeItem+1)+&/&+panel.items.length+&)&);
&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&& },
&&&&&&&&&&&&& bbar:[{
&&&&&&&&&&&&&&&&&&&& id:&move-prev&,
&&&&&&&&&&&&&&&&&&&& text:&上一页&,
&&&&&&&&&&&&&&&&&&&& handler:function(btn){
&&&&&&&&&&&&&&&&&&&&&&&&&&& varpanel=btn.up(&panel&);
&&&&&&&&&&&&&&&&&&&&&&&&&&& panel.index=panel.index-1;
&&&&&&&&&&&&&&&&&&&&&&&&&&& panel.setTitle(panel.titleInfo+&(&+panel.index+&/&+panel.items.length+&)&);
&&&&&&&&&&&&&&&&&&&&&&&&&&& navigate(panel,&prev&);
&&&&&&&&&&&&&&&&&&&& },
&&&&&&&&&&&&&&&&&&&& disabled:true
&&&&&&&&&&&&& },
&&&&&&&&&&&&& &-&&//标识，将下一页这个按钮放到最右部
&&&&&&&&&&&&& ,{
&&&&&&&&&&&&&&&&&&&& id:&move-next&,
&&&&&&&&&&&&&&&&&&&& text:&下一页&,
&&&&&&&&&&&&&&&&&&&& handler:function(btn){
&&&&&&&&&&&&&&&&&&&&&&&&&&& varpanel=btn.up(&panel&);
&&&&&&&&&&&&&&&&&&&&&&&&&&& panel.index=panel.index+1;
&&&&&&&&&&&&&&&&&&&&&&&&&&& panel.setTitle(panel.titleInfo+&(&+panel.index+&/&+panel.items.length+&)&);
&&&&&& &&&&&&&&&&&&&&&&&&&& navigate(panel,&next&);
&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&& }]
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：209038次
积分：3464
积分：3464
排名：第9593名
原创：144篇
评论：68条
(1)(1)(1)(3)(4)(11)(6)(12)(15)(16)(21)(28)(9)(18)}
<a href="/b/.html" title="怎么在网页插入无提示关闭窗口的代码用怎么在网页插入无提示关闭窗口的代码用<s...
调用相关信息ontainer的add函数，将需要的组件加载到窗体中。
JFrame的getContentPane函数可以返回它自身的Container，所以如下例加载就可以了。
import javax.swing.JB
import javax.swing.JF
import javax.swing.JP
public class Test extends JFrame {
private JPanel p = new JPanel();
private JButton b = new JButton("Click");
private Test() {
super("Test");
tSize(new Dimension(100, 100));
tContentPane().add(p);
//如此放入窗体中
public static void main(String[] args) {
Test t = new Test();
调用相关信息ontainer的add函数，将需要的组件加载到窗体中。
JFrame的getContentPane函数可以返回它自身的Container，所以如下例加载就可以了。
import javax.swing.JB
import javax.swing.JF
import javax.swing.JP
public class Test extends JFrame {
private JPanel p = new JPanel();
private JButton b = new JButton("Click");
private Test() {
super("Test");
tSize(new Dimension(100, 100));
tContentPane().add(p);
//如此放入窗体中
public static void main(String[] args) {
Test t = new Test();
tVisible(true);
}
}
效果如下图：
???你说的不详细我不是很明白
您好，我是陈自名（QQ:）。点服务器名右侧的那个向下的小三角符号，然后会自动载入可用的数据库实例名。
设置窗体属性：模式(modal)为是(true)即可。
你的“窗体”用的哪个类?查一下文档
答: 想学达内的java，请问学java之前需要有什么基础吗？？？
答: 这个要设计到JNI的开发,就是用Java来调用C语言的函数库,还要编写缓冲器来解决传输问题,还有就是网络协议一定要了解,做的时候要用多线程来控制你所有的缓冲器,...
答: 所谓的网络编程，不论c还是java，本质上都是通过socket进行数据传输；一般情况下可以使用的传输协议有tcp、udp、ftp等等，这些协议为网络变成提供基本...
大家还关注
确定举报此问题
举报原因(必选)：
广告或垃圾信息
激进时政或意识形态话题
不雅词句或人身攻击
侵犯他人隐私
其它违法和不良信息
报告，这不是个问题
报告原因(必选)：
这不是个问题
这个问题分类似乎错了
这个不是我熟悉的地区
相关问答：1234567891011121314156792人阅读
&&&&&& 1.类结构
&&&&&&&&&&&&& Ext.Base
&&&&&&&&&&&&&&&&&&&& Ext.AbstractComponent
&&&&&&&&&&&&&&&&&&&&&&&&&&& ponent
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& Ext.container.AbstractContainer
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& Ext.container.Container
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& Ext.panel.AbstractPanel
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& Ext.panel.Panel&& 是以前版本& 现在：Ext.Panel类
&&&&&& 2.常见的子类
&&&&&&&&&&&&& Ext.window.Window& --控制窗口
&&&&&&&&&&&&& Ext.form.Panel&& --控制form
&&&&&&&&&&&&& Ext.panel.Table&& --控制grid
&&&&&&&&&&&&& Ext.tab.Panel&& ---控制工具条
&&&&&&&&&&&&& Ext.menu.Menu&& ---控制菜单
&&&&&&&&&&&&& Ext.tip.Tip
&&&&&&&&&&&&& Ext.container.ButtonGroup
&&&&&& 3.组成面板的组件
&&&&&&&&&&&&& 底部工具栏、顶部工具栏、面板头部、面板底部、面板体
&&&&&& 4.代码实现：
Ext.onReady(function(){
&&&&&& Ext.QuickTips.init();
&&&&&& Ext.create(&Ext.panel.Panel&,{
&&&&&&&&&&&&& title:&面板的头部[Ext.panel.Header]&,
&&&&&&&&&&&&& width:500,
&&&&&&&&&&&&& bodyPadding:10,//面板内容的内边距
&&&&&&&&&&&&& height:400,
&&&&&&&&&&&&& hideCollapseTool:false,//默认是收起还是不收起
&&&&&&&&&&&&& collapsible:true,//启用收起的按钮
&&&&&&&&&&&&& //animCollapse:false,//是否启动动画&&&
&&&&&&&&&&&&& frame:true,//渲染面板
&&&&&&&&&&&&& //autoLoad:&&,//只要不是null就自动加载内容 html文件的地址
&&&&&&&&&&&&& html:&&p&面板体&/p&&,//和上面的autoLoad冲突，autoLoad优先级要高
&&&&&&&&&&&&& autoScroll:true,//自动滚动条
&&&&&&&&&&&&& closable:true,//运行客户关闭
&&&&&&&&&&&&& closeAction:&destroy&,//设置关闭动作是销毁还是隐藏&& destroy&hide
&&&&&&&&&&&&& bodyStyle:{
&&&&&&&&&&&&&&&&&&&& background:&#ffc&
&&&&&&&&&&&&& },
&&&&&&&&&&&&& renderTo:&demo&,
&&&&&&&&&&&&& tbar:[
&&&&&&&&&&&&&&&&&&&& {xtype:&button&,text:&顶部工具栏&}
&&&&&&&&&&&&& ],
&&&&&&&&&&&&& bbar:[
&&&&&&&&&&&&&&&&&&&& {xtype:&button&,text:&底部工具栏&}
&&&&&&&&&&&&& ],
&&&&&&&&&&&&& dockedItems:[{
&&&&&&&&&&&&&&&&&&&& xtype:&toolbar&,
&&&&&&&&&&&&&&&&&&&& dock:&bottom&,//放置位置
&&&&&&&&&&&&&&&&&&&& ui:&footer&,//按钮位置
&&&&&&&&&&&&&&&&&&&& items:[
&&&&&&&&&&&&&&&&&&&&&&&&&&& {xtype:&component&,flex:1},
&&&&&&&&&&&&&&&&&&&&&&&&&&& {xytpe:&button&,text:&面板底部&,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& handler:function(b){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& b.up(&panel&).removeAll();//自动销毁子面板
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&& ]
&&&&&&&&&&&&& }],
&&&&&&&&&&&&& tools:[{
&&&&&&&&&&&&&&&&&&&& type:&refresh&,
&&&&&&&&&&&&&&&&&&&& qtip:&刷新&
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& type:&help&,
&&&&&&&&&&&&&&&&&&&& qtip:&帮助&
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& type:&next&,
&&&&&&&&&&&&&&&&&&&& handler:function(event,toolEl,panel){
&&&&&&&&&&&&&&&&&&&&&&&&&&& panel.up(&panel&).insert(0,{//追加一个子panel
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& width:100,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& height:100,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& bodyStyle:{
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& background:&red&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&&&&&& })
&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&& }&&&&
&&&&&&&&&&&&& ]&&&&&
&&&&&& 1.Auto自动布局[Ext.layout.container.Auto]
&&&&&& 介绍：组件没有指定任何布局方式，Auto布局就是默认的布局方式，它采用原始的HTML流式排版的布局方式
&&&&&& Ext.onReady(function(){
&&&&&& Ext.QuickTips.init();
&&&&&& Ext.create(&Ext.Panel&,{
&&&&&&&&&&&&& width:500,
&&&&&&&&&&&&& height:480,
&&&&&&&&&&&&& title:&auto布局的面板&,
&&&&&&&&&&&&& layout:&auto&,
&&&&&&&&&&&&& renderTo:&demo&,
&&&&&&&&&&&&& items:[{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第一个面板&,
&&&&&&&&&&&&&&&&&&&& width:&75%&,//占总体的百分比
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第二个面板&,
&&&&&&&&&&&&&&&&&&&& width:&75%&,
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第三个面板&,
&&&&&&&&&&&&&&&&&&&& width:&90%&,
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& }]&&&
&&&&&& 2.Fit自适应布局[Ext.layout.container.Fit]
&&&&&& 介绍：它是它的(第一个也是唯一个)资源元素填满自身的body
&&&&&& Ext.onReady(function(){
&&&&&& Ext.QuickTips.init();
&&&&&& Ext.create(&Ext.Panel&,{
&&&&&&&&&&&&& width:500,
&&&&&&&&&&&&& height:280,
&&&&&&&&&&&&& title:&fit布局的面板&,
&&&&&&&&&&&&& layout:&fit&,
&&&&&&&&&&&&& renderTo:&demo&,
&&&&&&&&&&&&& items:[{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第一个面板&,
&&&&&&&&&&&&&&&&&&&& width:&75%&,//占总体的百分比
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第二个面板&,
&&&&&&&&&&&&&&&&&&&& width:&75%&,
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& }]&&&
&&&&&& 3.Accordion折叠(手风琴)布局& [Ext.layout.container.Accordion]
&&&&&& 介绍：它是初始化多个版面，当一个版面处于打开状态下，其他办法就会处于收起状态
&&&&&& Ext.onReady(function(){
&&&&&& Ext.QuickTips.init();
&&&&&& Ext.create(&Ext.Panel&,{
&&&&&&&&&&&&& width:500,
&&&&&&&&&&&&& height:280,
&&&&&&&&&&&&& title:&accordion布局的面板&,
&&&&&&&&&&&&& layout:&accordion&,
&&&&&&&&&&&&& renderTo:&demo&,
&&&&&&&&&&&&& items:[{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第一个面板&,
&&&&&&&&&&&&&&&&&&&& width:&75%&,//占总体的百分比
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第二个面板&,
&&&&&&&&&&&&&&&&&&&& width:&75%&,
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第三个面板&,
&&&&&&&&&&&&&&&&&&&& width:&90%&,
&&&&&&&&&&&&&&&&&&&& height:90
&&&&&&&&&&&&& }]&&&
&&&&&& 4.Card卡片布局[Ext.layout.container.Card]
&&&&&& 介绍：和折叠布局不同之处在于它是自定义按钮来切换&&&&&&
&&&&&& Ext.onReady(function(){
&&&&&& Ext.QuickTips.init();
&&&&&& varnavigate=function(panel,direction,btn){
&&&&&&&&&&&&& varlayout=panel.getLayout();
&&&&&&&&&&&&& layout[direction]();//指定动态的方法& 根据传入的参数来充当方法名
&&&&&&&&&&&&& //card的关键函数next()ponent.prev():ponent
&&&&&&&&&&&&& //getNext()ponent.next() : ponent
&&&&&&&&&&&&& Ext.getCmp(&move-prev&).setDisabled(!layout.getPrev());
&&&&&&&&&&&&& Ext.getCmp(&move-next&).setDisabled(!layout.getNext());
&&&&&& Ext.create(&Ext.Panel&,{
&&&&&&&&&&&&& width:500,
&&&&&& &&&&&& height:280,
&&&&&&&&&&&&& layout:&card&,//设置布局
&&&&&&&&&&&&& activeItem:0,//默认展示的子节点索引
&&&&&&&&&&&&& index:1,//自定义索引
&&&&&&&&&&&&& renderTo:&demo&,
&&&&&&&&&&&&& items:[{
&&&&&&&&&&&&&&&&&&&& id:&card-0&,
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第一个面板&,
&&&&&&&&&&&&&&&&&&&& html:&第一个面板&
&&&&&&&&&&&&& },{
&&&&&&&&&&&&&&&&&&&& id:&card-1&,
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第二个面板&,
&&&&&&&&&&&&&&&&&&&& html:&第二个面板&
&&&&&& &&&&&& },{
&&&&&&&&&&&&&&&&&&&& id:&card-2&,
&&&&&&&&&&&&&&&&&&&& xtype:&panel&,
&&&&&&&&&&&&&&&&&&&& title:&第三个面板&,
&&&&&&&&&&&&&&&&&&&& html:&第三个面板&
&&&&&&&&&&&&& }],
&&&&&&&&&&&&& titleInfo:&card布局实例&,
&&&&&&&&&&&&& listeners:{
&&&&&&&&&&&&&&&&&&&& render:function(){//面板初始化调用
&&&&&&&&&&&&&&&&&&&&&&&&&&& varpanel=
&&&&&&&&&&&&&&&&&&&&&&&&&&& panel.setTitle(panel.titleInfo+&(&+(this.activeItem+1)+&/&+panel.items.length+&)&);
&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&& },
&&&&&&&&&&&&& bbar:[{
&&&&&&&&&&&&&&&&&&&& id:&move-prev&,
&&&&&&&&&&&&&&&&&&&& text:&上一页&,
&&&&&&&&&&&&&&&&&&&& handler:function(btn){
&&&&&&&&&&&&&&&&&&&&&&&&&&& varpanel=btn.up(&panel&);
&&&&&&&&&&&&&&&&&&&&&&&&&&& panel.index=panel.index-1;
&&&&&&&&&&&&&&&&&&&&&&&&&&& panel.setTitle(panel.titleInfo+&(&+panel.index+&/&+panel.items.length+&)&);
&&&&&&&&&&&&&&&&&&&&&&&&&&& navigate(panel,&prev&);
&&&&&&&&&&&&&&&&&&&& },
&&&&&&&&&&&&&&&&&&&& disabled:true
&&&&&&&&&&&&& },
&&&&&&&&&&&&& &-&&//标识，将下一页这个按钮放到最右部
&&&&&&&&&&&&& ,{
&&&&&&&&&&&&&&&&&&&& id:&move-next&,
&&&&&&&&&&&&&&&&&&&& text:&下一页&,
&&&&&&&&&&&&&&&&&&&& handler:function(btn){
&&&&&&&&&&&&&&&&&&&&&&&&&&& varpanel=btn.up(&panel&);
&&&&&&&&&&&&&&&&&&&&&&&&&&& panel.index=panel.index+1;
&&&&&&&&&&&&&&&&&&&&&&&&&&& panel.setTitle(panel.titleInfo+&(&+panel.index+&/&+panel.items.length+&)&);
&&&&&& &&&&&&&&&&&&&&&&&&&& navigate(panel,&next&);
&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&& }]
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：209038次
积分：3464
积分：3464
排名：第9593名
原创：144篇
评论：68条
(1)(1)(1)(3)(4)(11)(6)(12)(15)(16)(21)(28)(9)(18)}
我要回帖
更多关于 面板数据pool 和panel 的文章
更多推荐
- ·什么样的音乐网站才免费听歌的网站有哪些
- ·巨灵书霸是书吗？小说版权怎么买买？
- ·求一部tl漫画
- ·开篇女主被献给男主一步步设计得到女主的小说的现代小说？
- ·求找一本小说说，找到必有重谢
- ·胃疼，一吃完饭就胃疼一段时间不会疼是什么情况
- ·金秋沙糖桔的缺点种植第一年叶片变小是缺肥吗
- ·13个满月宝宝肠黏膜脱落套间怎么办
- ·经期过后就有粉刺，是内分泌失调怎么调理吗，怎么办
- ·我的名字叫伊莲谐音柴哲，取一个英文谐音名字，姓不改日后能用到的
- ·北京304医院哪里毛发种植毛发医院那里较好好？北京哪里毛发种植毛发医院那里较好好？永久吗？
- ·私人教育机构管理制度归谁管
- ·高中化学常见物质用途中什么物质燃烧火焰是绿色
- ·国产投影机品牌排行机各个品牌多找些女神级的女大学生！模特！护士之类的拍些浪漫爱情电影！宣传国产投影机品牌排行机的影响力！多露出
- ·操作双色球的2017北京最低缴费基数基数要求
- ·私人账户如何查询跨行企业网上银行跨行转账公对私是否转账过了
- ·大便时出血拉完后大便时肛门疼痛怎么办回事
- ·7包100块出几的微信红包数字出现概率大
- ·甲乙从a到b地，同时丙、丁、茂，出发从b地到a地，甲乙两人从ab两地出发之间相距2000米
- ·美国人有炒菜，红烧鱼，吃方便面，用红花油等习惯吗
- ·java怎么在paneljava面板中添加图片里添加文字
- ·失眠最好的治疗方法失眠最好的治疗方法还是失眠最好的治疗方法😔~~~
- ·有必要认真学习Java的图形界面吗？
- ·7千5百瓦11千瓦螺杆式空压机机最长接几米电源线
- ·金相显微镜50x. 100x. 200x减压阀说明书. 500x. 1000x. 相对应的微尺一小格是多少微米
- ·【力有不逮,狐假虎威的寓意。脑满肠肥踞高位 不学无术,终须失势。到时贱过地
- ·女朋友坐车来我这边时，快到我这边时，女生聊着聊着就不回，突然删了我联系方式，玩消失，几天后，她一直上着QQ
- ·我在网络上认识一个女人,她说她是单身,叫我帮她还10万元的帐,把帐还了之后,发现她没有离婚，找她还
- ·qq忘记密码求帮忙
- ·有什么真实的同城社交app吗？不要那种会员骗钱的
- ·HIV乙肝病毒携带者严重吗为什么要按时服药
- ·vivoX6vivox27联系人怎么存到卡里把号码存手机上而不是卡上
- ·信德国际到底怎么了呢，有时候打不开，有的时候出现系统错误
- ·3500W的电磁炉能用万能板改装吗？
- ·内存低的手机玩维多利亚，很卡，是不是需要换手机了
- ·C语言里int main(void)的void是什么意思？
