关于IE下ExtJS布局的问题

javakernel 2011-07-12 09:00:10
代码如下:
function layoutForm(){
var fpanel = new Ext.form.FormPanel({
title:"用户基本信息",
width:500,
height:250,
labelWidth:60,
items:[
{
xtype:"panel",
layout:"column",
border:false,
items:[
{xtype:"panel",layout:"form",labelWidth:60,border:false,items:{xtype:"textfield",fieldLabel:"姓名",name:"name"}},
{xtype:"panel",layout:"form",labelWidth:60,border:false,items:{xtype:"textfield",fieldLabel:"密码",inputType:"password",name:"password"}}
]
},
{
xtype:"panel",
layout:"column",
border:false,
items:[
{xtype:"panel",layout:"form",labelWidth:60,border:false,items:{xtype:"textfield",fieldLabel:"电子邮件",name:"email"}},
{xtype:"panel",layout:"form",labelWidth:60,border:false,items:{xtype:"datefield",fieldLabel:"出生日期",name:"bornDate"}}
]
}/*,
{xtype:"textarea",anchor:"-100",fieldLabel:"简介",name:"intro"}*/
]
});
fpanel.render(document.body);
}
Ext.onReady(layoutForm);


在FF下效果正常,IE8下却没有效果,截图如下:
FF
IE8
...全文
210 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
fkueyygyispw 2011-07-12
  • 打赏
  • 举报
回复
看一下是否多了符号,IE下是很敏感的,FF下还能接受多一个标点什么的
javakernel 2011-07-12
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 jsnt_rd 的回复:]

楼主,我是在IE8下测试的,你的代码没有问题,包括我把那个textarea也加上去了
[/Quote]你用的ExtJS是哪个版本的?
班门弄斧 2011-07-12
  • 打赏
  • 举报
回复
楼主,我是在IE8下测试的,你的代码没有问题,包括我把那个textarea也加上去了
zwj6612 2011-07-12
  • 打赏
  • 举报
回复
为什么里面这么多panel啊

简单点的 不行么

我是这样写的

//第一行
{
layout : 'column',//正点的地方来了表示下一曾items都是按列"Column"排序
items : [ {
columnWidth : .5,
layout : 'form',//第一列里面内容就是form排序了,从上到下
items : [ {
fieldLabel : "申请人部门",
xtype : "textfield",
name : "APPLYPARTNAME",
id : "APPLYPARTNAME",
blankText : "部门",
//readOnly:panelConfig.readOnly,
disabled:panelConfig.disabled,
width : 200
} ]
}, {
layout : 'form',//第二列里面内容就是form排序了,从上到下
columnWidth : .5,
items : [ {
fieldLabel : "申请人",
xtype : "textfield",
name : "APPLYUSERNAME",
id : "APPLYUSERNAME",
//readOnly:panelConfig.readOnly,
disabled:panelConfig.disabled,
blankText : "",
width : 200
} ]
} ]
},
//第二行
{
layout : 'column',//正点的地方来了表示下一曾items都是按列"Column"排序
items : [ {
columnWidth : .5,
layout : 'form',//第一列里面内容就是form排序了,从上到下
items : [ {
fieldLabel : "申请人部门",
xtype : "textfield",
name : "APPLYPARTNAME",
id : "APPLYPARTNAME",
blankText : "部门",
//readOnly:panelConfig.readOnly,
disabled:panelConfig.disabled,
width : 200
} ]
}, {
layout : 'form',//第二列里面内容就是form排序了,从上到下
columnWidth : .5,
items : [ {
fieldLabel : "申请人",
xtype : "textfield",
name : "APPLYUSERNAME",
id : "APPLYUSERNAME",
//readOnly:panelConfig.readOnly,
disabled:panelConfig.disabled,
blankText : "",
width : 200
} ]
} ]
}
lsw645645645 2011-07-12
  • 打赏
  • 举报
回复
我也测试了,没问题。extjs3.4

52,797

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧