在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",然后 我在controller中var test = Ext, {
extend .打印出来是stgride'.view,
multiSelect ,
border:false,
.log(test)Ext.Panel".: ":": ".studentgrid"?;;stgride",
id.StudentGrid&:'?;;Ext.define(":)
提问者采纳
create这个组件你只是定义了一个组件,你有没有创建他?比如Ext
提问者评价
其他类似问题
为您推荐:
其他1条回答
}):'.toolbar.getCmp('}, {)).log(E}])E:'/我这儿没有出现你的那种纹理啊,你放在onReady中没.create('.Toolbar'
id:'Button 2',{
renderTo;tb'Button 1'tb: document.add([{
}).onReady(function(){
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁如何在extjs4中让一个gridpanel填充满它的父panel_百度知道
如何在extjs4中让一个gridpanel填充满它的父panel
belong''aboutDiv': 200},calender'option',region:Ext, sortable,{text :'描述&<,
columns.toolbar.RowNumberer'west' >,/: ',/,/云排产系统': [
E/center'也就是将viewport center区域填充一个grid-div',
frame: Ext,handler,比如我加载的数据比较多的时候.create(';/: {
overflowHandler,当点击树的某个节点时;:var grid = Ext:}]
}):modifyCalender};功能菜单':'.create(',求懂的人可以帮帮我: ';}, {
renderTo;;mainContent': ',iconCls.setTitle(re: ',但我又不知道怎么改,感觉就像定住了一样: ': ",collapsible.Panel': {}}]}): ': ": function(){mainP/,会触发如下操作;: '}, sortable:100%.Viewport示例';};): 'logo,这个gridpanel没有填满viewport的center区域,option',
{header: '.load({指定子面板所在区域为northgrid-div':',selModel: ',region我使用的extjs版本是extjs 4:', dataIndex, {
layout,scripts,callback : [{text : [{title ,collapsible,{header,autoS
};指定子面板所在区域为centerloader ,{div id=',
{修改日历'img src=":'viewport的north区域是一颗树;<,
{<: true.grid:mainPanel.0;/description':re: true,contentEl ,;代码":这个jsp的body内容为;};option'.create('Ext.Viewport'指定子面板所在区域为westE;): false,我在一个Jsp页面中定义了如下的code',
iconCls,iconCbody&查看工作中心负荷';north';&;;center>.jpg",/<: ',
resizable:100%: 200}: true,stripeRExt.getCmp('.data: 1, {日历类型":;icon-grid', dataIndex,Menu'--欢迎您使用云排产系统--&E: menu:viewEndure}]}),items : &.grid,split,
items: ',id : ':;/, sortable:find}: true: '.Toolbar': ', height: & style=&现在的问题就是:border',我定义了一个viewport,除非给这个gridpanel设置一个height属性;;var mainPanel = E, sortable,也就是说.create(', dataIpic/.text);body>,region,/ width=100% height=100% alt=&,iconCls.data,定义如下;精确查找':<: ',
tbar : true});表格布局items:'加工中心设定':系统说明',没有滚动条;Ext,handler,{title : true: ': sm: ': 1;,我怀疑是renderTo的问题;所属单位".getLoader():",collapsible: '.url,才能看见滚动条;,
{text ,viewport center中无法显示这个gridpanel的下边框,
store.1;mainContent', dataIndex,实在是很急了现在
我有更好的答案
center',id ,{mainContent':': 'aboutDiv';;/,collapsible: ': ': 'fit':fit',layout : ', },region,/系统说明'加入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。 。://e。://e.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="http.baidu。; 求大神解答忽然发现把目录下的ext-all- 版本是4.baidu://e。  .jpg" />额./zhidao/wh%3D450%2C600/sign=73f683a3b999a8abd5ad6eddc43d1ceb4c38dbb6fd.jpg" esrc="http没问题啊; : ' class=&&&& &&& && .text);&&&&&E & &&&&&&& &&/zhidao/wh%3D600%2C800/sign=bd3fd1f365caa3c007ed0a20cf431adfacaf2fdd98e1;& href=& && &&&&title&E , .&/script& && & : ' {& & &  .jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="& &splitbutton';&&&& .onReady(function() {& ,&&;&&&&&&&&&&& .&& &&&&&  &&&&&&& &&;&&&&&&& &&& &&text/javascript&text/css&& &&rrr'&&& &&& };&& ://c;&;text/javascript&& ,  , {& }]& &&&&& . , & &&&&&&&&&&link rel=&/zhidao/pic/item/b3b7d0a20cf431adfacaf2fdd98e1;&&& .baidu.Toolbar' & &;& && ://c; &&&E&&library&&& &&&&& &&&stylesheet& &&&& & ,&&&&&&&}); }&&&& .jpg" esrc="  : 300; &&&tt'&& &&&&&& : [{ : ' renderTo;&&&& &&toolbar'&&<a href="'&/zhidao/wh%3D450%2C600/sign=adcaa6a09ab2fcb7d0a20cf431adfacaf2fdd98e1;&& &&&&& });&/title&& ./ext-debug./resources/css/ext-&&&&&&&&;&& .create('RunJS 演示代码<. .&://c;&&& .js& 
renderTo:'toolbar'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('Ext.toolbar.Toolbar',{&&&&&&&&&&&&&&width:&'300',&&&&&&&&&&&&&&renderTo:&Ext.getBody(),&&//toolbar&&&&&&&&&&&&items:&[{&&&&&&&&&&&&&&&&&&xtype:&'button',&&&&&&&&&&&&&&&&&&text:&'关于我们',&&&&&&&&&&&&&&&&&&handler:&onButtonClick&&&&&&&&&&&&&&},&{&&&&&&&&&&&&&&&&&&xtype:&'button',&&&&&&&&&&&&&&&&&&text:&'新闻中心',&&&&&&&&&&&&&&&&&&handler:&onButtonClick&&&&&&&&&&&&&&}]&&&&&&&&&&});
都运行过了
结果还是没界面= =
extjs的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁}