Ext面板的toolbar添加按钮没有显示出来 5

我是看视频跟着打的，为什么视频的行，我的就不行，求大神解决，感谢panel.js:Ext.onReady(function(){//初始化提示信息Ext.QuickTip... 我是看视频跟着打的，为什么视频的行，我的就不行，求大神解决，感谢
panel.js:
Ext.onReady(
function(){
//初始化提示信息
Ext.QuickTips.init();

var mypanel = new Ext.Panel({
renderTo:"hello",
width:300,
height:300,
title:"Panel",
html:"欢迎大家和我一起学习",
tools:[
{id:"save",qtip:"保存"},
{id:"help",qtip:"帮助"},
{id:"close",qtip:"关闭"}
],
tbar:new Ext.Toolbar({
width:300,
height:20
})
});
mypanel.getTopToolbar().add(new Ext.Toolbar.Button({text:"按钮1"}));

// //分隔线
//
// mypanel.getTopToolbar().add(new Ext.Toolbar.Separator());
//

myPanel.getTopToolbar().add(new Ext.Toolbar.Button({text:"按钮2"}));
myPanel.getTopToolbar().add(new Ext.Toolbar.Button({text:"按钮3"}));
}
)

panel.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyHtml.html</title>
<script type="text/javascript" src="../Ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../Ext/ext-all-debug.js"></script>
<link rel="stylesheet" type="text/css" href="../Ext/resources/css/ext-all.css">
<script type="text/javascript" src="Panel.js"></script>
</head>

<body>
<div id="hello"></div>

</body>
</html> 展开

 我来答

2个回答

#热议# 不吃早饭真的会得胆结石吗？

yang0105X
2016-03-02 · 超过12用户采纳过TA的回答

知道答主

回答量：65

采纳率：0%

帮助的人：30.3万

我也去答题访问个人页

关注

展开全部

你添加按钮的时候面板名不是mypanel吗？你打成myPanel了，而且你这个的按钮1应该正常显示啊

已赞过 已踩过<

评论收起

百度网友970f162
2014-06-03 · TA获得超过2391个赞

知道小有建树答主

回答量：628

采纳率：75%

帮助的人：188万

我也去答题访问个人页

关注

展开全部

tools:[
{id:"save",qtip:"保存"},
{id:"help",qtip:"帮助"},
{id:"close",qtip:"关闭"}
], 删掉
Ext.Toolbar 换成 Ext.toolbar.Toolbar

在这学学吧.http://docs.sencha.com/extjs/4.2.2/
视频版本估计不高.

追问

不行啦

追答

tbar:new Ext.Toolbar({
width:300,
height:20
})
});这么写不行吧. 没有东西 就是没有按钮...
items: [
        {
            // xtype: 'button', // default for Toolbars
            text: 'Button'
        },
        {
            xtype: 'splitbutton',
            text : 'Split Button'
        },
        // begin using the right-justified button container
        '->', // same as { xtype: 'tbfill' }
        {
            xtype    : 'textfield',
            name     : 'field1',
            emptyText: 'enter search term'
        },
        // add a vertical separator bar between toolbar items
        '-', // same as {xtype: 'tbseparator'} to create Ext.toolbar.Separator
        'text 1', // same as {xtype: 'tbtext', text: 'text1'} to create Ext.toolbar.TextItem
        { xtype: 'tbspacer' },// same as ' ' to create Ext.toolbar.Spacer
        'text 2',
        { xtype: 'tbspacer', width: 50 }, // add a 50px space
        'text 3'
    ]

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

Ext面板的toolbar添加按钮没有显示出来 5

其他类似问题

为你推荐：