Javascript 如何在ExtJs中显示纯文本

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', });

我有一个extJS窗口。我想显示一些文本或消息,可能是一些服务器数据的响应。任何人都可以帮助我如何在ExtJS窗口上显示ytext。我需要在下面的代码中编辑的内容

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定义。