今天学习ExtJS中的window组件,在配置项中html出现小错误,上网找了半天也没有源由,特写下以警示自己。
这是正确的代码:
Ext.onReady(function(){
Ext.create('Ext.window.Window', {
title: '' , //标题
width: 300,
height : 300,
constrain : true , //限制窗口不能走出浏览器边界
html : '<div style=width:200px;height:200px>第一行信息</div><div style=width:200px;height:200px>第二行信息</div>'
}).show();
});
看附件图片
下面这是错误的代码
Ext.onReady(function(){
Ext.create('Ext.window.Window', {
title: '' , //标题
width: 300,
height : 300,
constrain : true , //限制窗口不能走出浏览器边界
html : '<div style=width:200px ; height:200px>第一行信息</div><div style=width:200px ; height:200px>第二行信息</div>'
}).show();
});
他们之间的差距就是在 html : '<div style=width:200px ; height:200px>第一行信息</div><div style=width:200px ; height:200px>第二行信息</div>'各多加了两个空格