Javascript 如何在ExtJs中显示纯文本
我有一个extJS窗口。我想显示一些文本或消息,可能是一些服务器数据的响应。任何人都可以帮助我如何在ExtJS窗口上显示ytext。我需要在下面的代码中编辑的内容Javascript 如何在ExtJs中显示纯文本,javascript,extjs,Javascript,Extjs,我有一个extJS窗口。我想显示一些文本或消息,可能是一些服务器数据的响应。任何人都可以帮助我如何在ExtJS窗口上显示ytext。我需要在下面的代码中编辑的内容 var MyWin = Ext.create('Ext.window.Window', { title: "My Window", height: 200, width: 400, layout: 'fit', });
var MyWin = Ext.create('Ext.window.Window', {
title: "My Window",
height: 200,
width: 400,
layout: 'fit',
});
MyWin.show();
谢谢您的帮助。您可以使用html配置在Ext.window.window和任何其他Ext.Component中显示纯文本或html格式的文本。
从:
HTML片段或Ext.dom.Helper规范用作
布局元素内容。HTML内容添加在组件之后
已呈现,因此文档当时不包含此HTML
将触发渲染事件。此内容将插入到正文中
在附加任何配置的contentEl之前。默认为:
工作代码如下所示:
var MyWin = Ext.create('Ext.window.Window', {
title: "My Window",
height: 200,
width: 400,
layout: 'fit',
html: "with some plain text or <p> some html</p>"
});
MyWin.show();
是上面代码的工作助手。您可以使用html配置在Ext.window.window和任何其他Ext.Component中显示纯文本或html格式的文本。
从:
HTML片段或Ext.dom.Helper规范用作
布局元素内容。HTML内容添加在组件之后
已呈现,因此文档当时不包含此HTML
将触发渲染事件。此内容将插入到正文中
在附加任何配置的contentEl之前。默认为:
工作代码如下所示:
var MyWin = Ext.create('Ext.window.Window', {
title: "My Window",
height: 200,
width: 400,
layout: 'fit',
html: "with some plain text or <p> some html</p>"
});
MyWin.show();
是上面代码的工作助手。我个人更喜欢用一个简单的窗口和html显示服务器错误,就像and-y显示你可以设置窗口的html一样,你可以简单地使用一个函数如下所示:
var errorShow = function (text) {
Ext.create({
xtype: 'window',
title: 'Response error',
modal:true,
width: 200,
height: 200,
html:text,
scrollable: 'y'
}).show();
};
errorShow('<div style="text-align:center;"><h1>Server error</h1>'+
'<text style="color:red; font-size:1.4em;">404 not found</text><br/>'+
'<text style="color:blue;">www.error.com/img.jpg</text><br/>'+
'<text style="color:blue;">Error requiring image</text></div>');
这是给你看的一本书
请记住,您应该在每次出错时使用相同的功能,根据需要设置尺寸。
应该使用一个模式窗口,以确保它将被关闭。我个人更喜欢用一个简单的窗口和html显示服务器错误,如and-y显示您可以设置窗口的html,您只需使用如下函数即可:
var errorShow = function (text) {
Ext.create({
xtype: 'window',
title: 'Response error',
modal:true,
width: 200,
height: 200,
html:text,
scrollable: 'y'
}).show();
};
errorShow('<div style="text-align:center;"><h1>Server error</h1>'+
'<text style="color:red; font-size:1.4em;">404 not found</text><br/>'+
'<text style="color:blue;">www.error.com/img.jpg</text><br/>'+
'<text style="color:blue;">Error requiring image</text></div>');
这是给你看的一本书
请记住,您应该在每次出错时使用相同的功能,根据需要设置尺寸。
应使用一个模式窗口,以确保它将被关闭。可能有助于HTML文本或简单文本?如果您可以同时显示这两种文本,则感到高兴可能有助于HTML文本或简单文本?如果您可以同时显示这两种文本,则感到高兴。你可以在里面做任何你想做的事情,只需要添加html和css,你就可以做一些复杂的事情,我明白了。thanlsThanks很多。你可以在里面做任何你想做的事情,只需要添加html和css,你就可以做一些复杂的事情,我明白了。好主意。将以下代码:,items:[{xtype:'component',html:'lalala'}]添加到上述代码中会使其无法正常工作。如果按预期工作,则可以使用html或items定义,而不能同时使用两者。items的定义比html的定义更重要。糟糕的想法。将以下代码:,items:[{xtype:'component',html:'lalala'}]添加到上述代码中会使其无法正常工作。如果按预期工作,则可以使用html或items定义,而不能同时使用两者。items定义优先于html定义。