this.items=[{ fieldLabel:'公告内容', maxLength:50, xtype:'htmleditor', height:400, name:'content' },{ layout:'column', xtype: 'container', anchor:'100%', defaults:{ border:false, frame:true }, items:[ {layout:'form',columnWidth:.9, items:[{fieldLabel:'附件', xtype:'filefield', buttonText:"浏览", name:'file'}]}, {layout:'form',columnWidth:.1, items:[{xtype:'button',text:'删除',scope:this,handler:function(){this.down("filefield").reset();}}]} ] },
ExtJS4对于3来说变化还比较大嘛,部分地方写法都不一样了。比如,我写一个表单FORM。
第一个是,3是不需要写xtype:'container'
1 |
layout: 'column' ,
|
2 |
xtype: 'container' ,
|
第二个是,TMD布局中竟然有边框,而且form1与form2 都是白色底色,我使用frame:true,border:true。底色好了,边框还是有。草。。。
相关推荐
ExtJs4 layout 布局 这是鄙人之前自学Ext时收集的文档,详细讲诉了各种布局,并附源码与界面展示,希望能给你带来帮助
ExtJs5 去掉textfield边框
Extjs 2 自定义panel边框,解决双重边框问题 Extjs 3 自定义panel边框,解决双重边框问题 Extjs 4 自定义panel边框,解决双重边框问题
用extjs4搭的一个简单布局框架
ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...
用ExtJS4.1布局后台系统,这个是自写的js,extjs4.1的源码包,需要到extjs.org.cn下载。
纯Extjs代码,对初学Ext有点点帮助
ExtJS布局之border实例,有代码 border布局是常见的布局样式,下面是一个实际项目的示例,比较简单,仅供初学者参考。
extjs4.2实现界面浮动侧边框,跟随鼠标移动显示或隐藏,类似于qq主界面右边隐藏功能
EXTJS4自学手册——EXT容器布局(Auto,Anchor,Absolute,Hbox) EXTJS4自学手册——EXT容器布局(Vbox,Accordion,Table,Column) EXTJS4自学手册——EXT容器布局(Fit,Card,Border) EXTJS4自学手册——EXT组件布局 ...
很好的ext页面布局自动生成功能,快速布局,减少你页面开发时间!用法:解压->添加文件夹到一个web工程当中->进入index.html进入页面编辑就可以自由设计你的布局了,代码在查看/修改中可以看到,只需复制粘贴到自己...
panel的accordion布局以及treepanel动态导航示例
资源名称:Extjs中布局的组合使用 中文WORD版内容简介:本文档主要讲述的是Extjs中布局的组合使用;Extjs4.1中布局很经典,也很好用,关键是如何组合布局,组合布局,不仅要达到我们想要的界面效果,还要注意因为...
Extjs布局实例
ExtJS 4 复杂 百叶窗(accordion)布局
项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议
Extjs4的demo 很不错的例子
Extjs布局教程,Extjs 布局,非常好用的Extjs布局教程
左边菜单,右边是内容,北边是log图片 简单首页布局示例