Question

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

var MyWin = Ext.create('Ext.window.Window', {
            title: "My Window",
            height: 200,
            width: 400,
            layout: 'fit',
        });
        MyWin.show();

感谢您的帮助。

Answer 1

我个人更喜欢显示服务器错误，一个简单的窗口和一个简单的窗口，就像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>');

这是一个显示你的fiddle。

请记住，您应该在每个错误中使用相同的功能，根据您的需要设置尺寸。应该使用模态窗口，以确保它将被关闭。

Answer 2

您可以使用html配置在Ext.window.Window和任何其他Ext.Component中显示纯文字或html格式文字。
来自ExtJs 5.1.3 documentation html config：

用作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();

Here是上面代码的工作小提琴。

如何在ExtJs中显示纯文本

2 个答案: