Ext.onReady(function(){
//定义左边面板
var panelLeft = new Ext.Panel({
columnWidth: .42,
title:"Eclipse",
height:400,
id:'panel01',
style:{margin:'0px 10px 0px 10px'},
collapsible:true,
tbar:[{text:'File'},{text:'Edit'},{text:'Source'},{text:'Refactor'}],
bbar:[{text:'Show View as a fast view'}],
buttons:[{text:"Submit"}, {text:"Reset"}],
html:"<h1><font color='blue'>Edocom company of NanJing</font></h1>"
});
//定义右边面板
var panelRight = new Ext.Panel({
columnWidth:.38,
id:'panel02',
height:300,
//collapseFirst:true,
//style:{margin:'0px 10px 0px 10px'},
//collapsible:true,
//disable:false,
//hidden:true,
//titleCollapse:true,
title:'用户注册',
//autoLoad:'load.html',
html:'<h1>userName</h1>'
//tbar:[{text:'Login'}],
//bbar:[{text:'Register Inf'}],
//buttons:[{text:'Submit'}, {text:'Reset'}]
});
//定义总面板在item中包含panelLeft、panelRight
var panel = new Ext.Panel({
renderTo: Ext.getBody(),
style:{margin:'10px 0px 0px 0px'},
//width:1024,
//height:768,
//layout:"column",
layout:"column",
border:false,
//floating:false,
//frame: false,
items:[panelLeft,panelRight]
});
});
在火狐浏览器中是没有问题地。但是也找不到很好的解决方法,只知道:两个panel都不加bar的时候,还是能很好的显示;并且两者的columnWidth都不能改为width。我预测是ExtJs的样式有问题,不过具体原因有待进一步调试,观察。
分享到:
相关推荐
项目中遇到Extjs3.0在IE9中不兼容,现有两种解决方法
一个简单的EXTJS Panel,对于入门的学者来说,是个很好的例子。
Extjs 4.11 重写 Panel 添加 click事件
类似extjs中viewport的panel viewport只能渲染到body,而这个panel可以渲染到任何html元素,并且这个panel会自动变大!自动填充到最大化
extjs中 google 不兼容 datefield 控件
Extjs checkboxgrop动态获取后台数据,并默认为全选状态
Extjs 重写Panel添加click事件
基于extjs form表单的项目源码
extjs学习文档,很好的资料 extjs学习文档,很好的资料
ExtJS Panel常用方法,需要的朋友可以参考下。
系统的安全问题必备,现在很多系统查询后可以直接拍照流传,拍照可以防止流转
解决extjs中的GridPanel的单元格在IE无法选中复制的问题
js代码,实现了 extjs4.x tabpanel 动态加载panel和html的功能
extjs的默认皮肤很好看 但是我们还可以变换样式切换其他皮肤 1 直接添加其他css文件换肤 好多皮肤上网就可以收到的 如皮肤文件:xtheme olive zip下载 把皮肤文件解压 把css文件 如xtheme olive css 拷贝到...
extjs动态生成model、store、panel;sql拼接等多种技术难点
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
学习ExtJs的思想莫过于一...基于组件的这种思想能让我们自由组合(Component),基于面板的这种思想能让我们随便画(Panel)。 正本书抓住的就是这两个思想,得其要领,再加上很好的例子说明,真的可谓是入门之利器。
extjs资料extjs资料extjs资料extjs资料extjs资料
NULL 博文链接:https://zhonghuart.iteye.com/blog/1663377
ExtJS中文文档,很好,很强大!绝对值得一看哦!