ExtJS在FormPanel中添加FormPanel时IE提示"未知的运行时错误"_百度...
发布网友
共2个回答
热心网友
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
var windowWidth = 1000;
var windowHeight = 500;
var sm_timesendPanel = new Ext.form.FormPanel( {
layout : "absolute",
items : [{
x : 10,
y : 15,
xtype : "label",
text : "请选择发送时间："
}, {
id : 'sm_time',
x : 110,
y : 10,
xtype : 'datefield',
disabled : true,
format : 'H:i'
}, {
x : 210,
y : 11,
xtype : "checkbox",
id : "sm_isTiming",
name : "timing",
boxLabel : "启用",
inputValue : "timing",
listeners : {
check : function(t, value) {
if (value) {
Ext.getCmp('sm_time').setValue(new Date());
Ext.getCmp('sm_time').enable();
} else {
Ext.getCmp('sm_time').disable();
}
}
}
}, {
xtype : "button",
x : 140,
y : 40,
width : 60,
text : " 确 定 ",
handler : function() {
var val = Ext.getCmp('sm_time').validate();
if (!val) {
Ext.MessageBox.alert("注意", "输入的时间格式不正确!");
return;
}
sm_timesendWin.hide();
}
}]
});
var tabPanel = new Ext.TabPanel( {
activeTab : 0,
resizeTabs : true,
items : [
new Ext.Panel({
title:"abc1",
layout : 'fit',
frame : true,
items : [sm_timesendPanel]
}),{
xtype:"form",
title:"abc2",
frame : true,
items:[{
xtype:'textfield',
width:40
}]
}]
})
var emPanel = new Ext.Panel( {
width : windowWidth - 15,
height : windowHeight - 60,
border : true,
layout : 'fit',
items : [tabPanel]
});
var windowWidth = window.screen.availWidth;
var style = 'margin-top:150px;margin-left:150px;';
var el = Ext.get('auto-center').applyStyles(style);
emPanel.render(el);
});
</script>
</head>
<body>
<div id='auto-center'></div>
</body>
</html>
我用之前给别人做的例子，简单改了一下。层级嵌套，最好使用panel，别用formpanel，fomepanel在你要画表单（input，button这类）时在用，为了嵌套的话，外围就用panel，tabpanel，window，Viewport这类的。另外，要注意布局的使用，默认是form布局。
我给你的代码中，用了一个new的方式，用了一个xtype的方式，两者都可以。
热心网友
因为 ExtJS 是 给予 HTML5、 CSS3 标准，所以某些功能在某些浏览器不支持。
换 4.2的吧。。
