首页 / EXTJS / Extjs4.2——bbar的默认类型（xtype）

Extjs4.2——bbar的默认类型（xtype）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Extjs4.2——bbar的默认类型（xtype），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1113字，纯文字阅读大概需要2分钟。

内容图文

bbar:在Panel经常使用的工具栏

如下面的示例——这将牵涉本文要追寻的问题：在下面的Panel中的bbar第一个组件明确指定的xtype:‘button‘，第二个没有明确指出，那么它是何类型，为何能调用button的handler函数？

Ext.create(‘Ext.panel.Panel‘, {
                title: ‘Example Wizard‘,
                width: 300,
                height: 200,
                layout: ‘card‘,
                bodyStyle: ‘padding:15px‘,
                defaults: {
                    // 应用到所有子面板
                    border: false
                },
                // 这里仅仅用几个按钮来示例一种可能的导航场景.
                bbar: [//工具栏的默认类型是按钮                    {
                        id: ‘move-prev‘,
                        text: ‘Back‘,
                        xtype: ‘button‘,
                        handler: function(btn) {//Ext.button.Button-cfg-handler
                            navigate(btn.up("panel"), "prev");
                        },
                        disabled: true
                    },
                    ‘->‘, // 一个长间隔, 使两个按钮分布在两边                    {
                        id: ‘move-next‘,
                        text: ‘Next‘,
                        handler: function(btn) {
                            navigate(btn.up("panel"), "next");
                        }
                    }
                ],
                // 布局下的各子面板                items: [{
                    id: ‘card-0‘,
                    html: ‘<h1>Welcome to the Wizard!</h1><p>Step 1 of 3</p>‘
                },{
                    id: ‘card-1‘,
                    html: ‘<p>Step 2 of 3</p>‘
                },{
                    id: ‘card-2‘,
                    html: ‘<h1>Congratulations!</h1><p>Step 3 of 3 - Complete</p>‘
                }],
                renderTo: Ext.getBody()
            });

查看API，在Ext.panel.Panel的配置中这样介绍bbar:

技术分享

原来这家伙是属于toolbar的，查询toolbar：

技术分享

上面解释了toolbar的默认类型：button——这也是本文的答案。

 

原文：http://www.cnblogs.com/wql025/p/5026187.html

内容总结

以上是互联网集市为您收集整理的Extjs4.2——bbar的默认类型（xtype）全部内容，希望文章能够帮你解决Extjs4.2——bbar的默认类型（xtype）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1170563.html

来源：【匿名】