请教ExtJs4 中Panel方法getTopextjs panel toolbarr未定义问题

在ExtJs4中高级组件如何获取他的属性?_百度知道
在ExtJs4中高级组件如何获取他的属性?
Ext.form.Panel如何获取tbal?
在ExtJs3中,Ext.form.Panel如何获取tbal可以用getTopToolbar()方法,而在ExtJs4中这个方法消失了,请问它的憨发封菏莩孤凤酞脯喀替代方法是什么?
提问者采纳
panel.getDockedItems('toolbar[d憨发封菏莩孤凤酞脯喀ock=&top&]');
这位大神,这括号里面很像我以前写的jquery呀,意思是不是选取本panel内属性toolbar内属性dock值=top的toolbar?
这种选择子的方法本来就是差不多的,你看看api吧,有例子的
提问者评价
其他类似问题
为您推荐:
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁如题,项目已经引入了标准的几个包ext-all.css,ext-all.js,bootstrap.js,在添加了toolbar后按键可以正常显示,但是按键前的那个图标怎么都显示不出来,网上找了很久包括单独引入一个CSS使用和直接使用地址均没有效果。
// 创建工具栏组件
var toolbar = [{
text : '新增员工',
iconCls : 'add'
// 创建Grid表格组件
var userGrid = new Ext.grid.Panel({
tbar : toolbar,
region : 'center',
forceFit : true,
renderTo : Ext.getBody()
//后面columns,store略
在网上查了另外的方法比如导入新建的css插入
background-image:url(../images/add.png) !
但是依然无法显示图标
见图:出现按键和按键文字信息了,但是图片无法显示
采纳的答案
&&& .add {&
&&&&&&& background-image:url(/img/baidu_sylogo1.gif) !&
用百度的图片看看
var toolbar = [{&
text : '新增员工',&
iconCls : 'add'&
.add {
&&& background-image:url(../images/add.png) !
}
1、这个url是相对于浏览器地址栏地址计算的,如浏览器是http://l/abc/index.html 则background-image在http://l/images/add.png& 这个注意下。
2、iconCls 是这样使用的;
3、在chrome里右击那个按钮,查看add这个样式应用了吗?
4、查看网络请求add.png了吗?
iconCls:'saveIcon'
这样如果能出来,那么就是你css图片路径的问题。。
已解决问题
未解决问题Extjs4获取组件奇怪问题?_百度知道
Extjs4获取组件奇怪问题?
alias .student?.getCmp(&xx&quot,然后 我在controller中var test = Ext, {
extend .打印出来是stgride&#39.view,
multiSelect ,
border:false,
.log(test)Ext.Panel&quot.: &quot:&quot: &quot.studentgrid&quot?;;stgride&quot,
id.StudentGrid&:&#39?;;Ext.define(&quot:)
提问者采纳
create这个组件你只是定义了一个组件,你有没有创建他?比如Ext
提问者评价
其他类似问题
为您推荐:
其他1条回答
}):&#39.toolbar.getCmp('}, {)).log(E}])E:'/我这儿没有出现你的那种纹理啊,你放在onReady中没.create(&#39.Toolbar'
id:'Button 2&#39,{
renderTo;tb'Button 1'tb: document.add([{
}).onReady(function(){
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁如何在extjs4中让一个gridpanel填充满它的父panel_百度知道
如何在extjs4中让一个gridpanel填充满它的父panel
belong''aboutDiv&#39: 200},calender'option&#39,region:Ext, sortable,{text :'描述&&lt,
columns.toolbar.RowNumberer'west' &gt,/: &#39,&#47,/云排产系统&#39: [
E/center'也就是将viewport center区域填充一个grid-div&#39,
frame: Ext,handler,比如我加载的数据比较多的时候.create(';&#47: {
overflowHandler,当点击树的某个节点时;:var grid = Ext:}]
}):modifyCalender};功能菜单&#39:'.create(&#39,求懂的人可以帮帮我: ';}, {
renderTo;;mainContent': &#39,iconCls.setTitle(re: &#39,但我又不知道怎么改,感觉就像定住了一样: ': &quot,collapsible.Panel&#39: {}}]}): &#39: &quot: function(){mainP&#47,会触发如下操作;: '}, sortable:100%.Viewport示例';};): 'logo,这个gridpanel没有填满viewport的center区域,option&#39,
{header: &#39.load({指定子面板所在区域为northgrid-div&#39:&#39,selModel: &#39,region我使用的extjs版本是extjs 4:&#39, dataIndex, {
layout,scripts,callback : [{text : [{title ,collapsible,{header,autoS
};指定子面板所在区域为centerloader ,{div id=&#39,
{修改日历'img src=&quot:'viewport的north区域是一颗树;&lt,
{&lt: true.grid:mainPanel.0;/description&#39:re: true,contentEl ,;代码&quot:这个jsp的body内容为;};option&#39.create('Ext.Viewport'指定子面板所在区域为westE;): false,我在一个Jsp页面中定义了如下的code&#39,
iconCls,iconCbody&查看工作中心负荷';north';&;;center&gt.jpg&quot,/&lt: &#39,
resizable:100%: 200}: true,stripeRExt.getCmp(&#39.data: 1, {日历类型&quot:;icon-grid&#39, dataIndex,Menu'--欢迎您使用云排产系统--&E: menu:viewEndure}]}),items : &.grid,split,
items: &#39,id : ':;&#47, sortable:find}: true: &#39.Toolbar&#39: &#39, height: & style=&现在的问题就是:border&#39,我定义了一个viewport,除非给这个gridpanel设置一个height属性;;var mainPanel = E, sortable,也就是说.create(&#39, dataIpic&#47.text);body&gt,region,/ width=100% height=100% alt=&,iconCls.data,定义如下;精确查找&#39:&lt: &#39,
tbar : true});表格布局items:'加工中心设定&#39:系统说明&#39,没有滚动条;Ext,handler,{title : true: &#39: sm: &#39: 1;,我怀疑是renderTo的问题;所属单位&quot.getLoader():&quot,collapsible: '.url,才能看见滚动条;,
{text ,viewport center中无法显示这个gridpanel的下边框,
store.1;mainContent&#39, dataIndex,实在是很急了现在
我有更好的答案
center&#39,id ,{mainContent&#39:&#39: 'aboutDiv';;/,collapsible: ': &#39: 'fit&#39:fit&#39,layout : &#39, },region,/系统说明&#39加入fit布局就可以了layout ,contentE;指定子面板所在区域为center
其他类似问题
为您推荐:
gridpanel的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁ExtJS新手,关于 toolbar.Toolbar 错误的问题_百度知道
ExtJS新手,关于 toolbar.Toolbar 错误的问题
.baidu,字数太多了.1的 运行无结果= = & &/zhidao/pic//zhidao/wh%3D600%2C800/sign=eb104df89f2fdff41bd5ad6eddc43d1ceb4c38dbb6fd.js 文件删除就可以正常显示.hiphotos.hiphotos。&nbsp。://e。://e.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="http.baidu。; 求大神解答忽然发现把目录下的ext-all- 版本是4.baidu://e。 &nbsp.jpg" />额./zhidao/wh%3D450%2C600/sign=73f683a3b999a8abd5ad6eddc43d1ceb4c38dbb6fd.jpg" esrc="http没问题啊;&nbsp: &#39; class=&&&& &&& &&&nbsp.text);&&&&&E & &&&&&&& &&/zhidao/wh%3D600%2C800/sign=bd3fd1f365caa3c007ed0a20cf431adfacaf2fdd98e1;& href=& && &&&&title&E&nbsp,&nbsp.&/script& && &&nbsp: &#39; {& & & &nbsp.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="& &splitbutton&#39;;&&&&&nbsp.onReady(function() {&&nbsp,&&;&&&&&&&&&&&&nbsp.&& &&&&& &nbsp&&&&&&& &&;&&&&&&& &&& &&text/javascript&text/css&& &&rrr&#39;&&& &&& };&&&nbsp://c;&;text/javascript&&&nbsp, &nbsp, {& }]& &&&&&&nbsp.&nbsp, & &&&&&&&&&&link rel=&/zhidao/pic/item/b3b7d0a20cf431adfacaf2fdd98e1;&&&&nbsp.baidu.Toolbar&#39; & &;& &&&nbsp://c; &&&E&&library&&& &&&&& &&&stylesheet& &&&& &&nbsp,&&&&&&&}); }&&&&&nbsp.jpg" esrc=" &nbsp: 300; &&&tt&#39;&& &&&&&&&nbsp: [{&nbsp: &#39; renderTo;&&&& &&toolbar&#39;&&<a href="&#39;&/zhidao/wh%3D450%2C600/sign=adcaa6a09ab2fcb7d0a20cf431adfacaf2fdd98e1;&& &&&&& });&/title&&&nbsp./ext-debug./resources/css/ext-&&&&&&&&;&&&nbsp.create(&#39;RunJS 演示代码&lt.&nbsp.&://c;&&&&nbsp.js&&nbsp
renderTo:&#39;toolbar&#39;id为toolbar的块存在吗比如:&div id=&toolbar&&&/div&
运行就是没结果= =
运行就是没结果= =
这样写试试:var&toolbar&=&new&Ext.toolbar.Toolbar({&&&&&&&&&&&&&&&&&renderTo:&&toolbar&,&&&&&&&&&&&&&&&&&width:&300,&&&&&&&&&&&&&&&&&items:&[{&&&&&&&&&&&&&&&&&&&&&text:&&文件&,&&&&&&&&&&&&&&&&&&&&&handler:&function&(btn)&{&alert(btn.text);&}&&&&&&&&&&&&&&&&&},{&&&&&&&&&&&&&&&&&&&&&text:&编辑&&&&&&&&&&&&&&&&&&},{&&&&&&&&&&&&&&&&&&&&&text:&格式&&&&&&&&&&&&&&&&&&},&{&&&&&&&&&&&&&&&&&&&&&text:&&查看&&&&&&&&&&&&&&&&&&},&{&&&&&&&&&&&&&&&&&&&&&text:&&帮助&&&&&&&&&&&&&&&&&&}]&&&&&&&&&&&&&});&看代码,像是Extjs4var&toolbar&=&Ext.create(&#39;Ext.toolbar.Toolbar&#39;,{&&&&&&&&&&&&&&width:&&#39;300&#39;,&&&&&&&&&&&&&&renderTo:&Ext.getBody(),&&//toolbar&&&&&&&&&&&&items:&[{&&&&&&&&&&&&&&&&&&xtype:&&#39;button&#39;,&&&&&&&&&&&&&&&&&&text:&&#39;关于我们&#39;,&&&&&&&&&&&&&&&&&&handler:&onButtonClick&&&&&&&&&&&&&&},&{&&&&&&&&&&&&&&&&&&xtype:&&#39;button&#39;,&&&&&&&&&&&&&&&&&&text:&&#39;新闻中心&#39;,&&&&&&&&&&&&&&&&&&handler:&onButtonClick&&&&&&&&&&&&&&}]&&&&&&&&&&});
都运行过了
结果还是没界面= =
extjs的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁}

我要回帖

更多关于 wpf toolbarpanel 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信