本文详细解析了在使用ExtJS创建窗口组件时，html配置项出现的小错误，并提供了正确的代码示例，帮助开发者避免常见的配置陷阱。
今天学习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>'各多加了两个空格
扫一扫
328
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
