Question

我的本地机器上有mail.txt，我想使用extjs在UI上显示它。我创建了一个textarea并希望将mail.txt导入其中。

Ext.define('com.company.view.dashboard.Dashboard', {
extend: 'Ext.panel.Panel',
alias: 'widget.dashboard',
layout: 'fit',
iconCls: 'dashboard-tree',      
initComponent: function(config) {
    Ext.apply(this, {
        items: [
            {
            xtype: 'fieldcontainer',
            fieldLabel: 'P&L',
            labelWidth: 100,
            layout: 'hbox',
            items: [{
                xtype: 'textarea',
                flex: 1
            }]
            }
        ]
    });
    this.callParent(arguments);
}});

Answer 1

此处如果您想在UI中显示文本文件，那么我建议您将文本内容添加到JSON格式，然后在窗口或面板上显示它。

在这个例子中，我正在窗口上显示。你可以按照你的要求制作。

这是MyMessage函数，它可以获取响应，然后在MyMessageWindow上显示。

MyMessage : function(){
        var me = this;
        Ext.Ajax.request({
            url : URL of your JSON
            method : 'GET',
            dataType:'json',
            scope : me,
            headers : {
                "Accept" : "application/json; charset=utf-8"
            },
            success : function (response, args) {
                var data = Ext.decode(response.responseText);
                var Msgtext = data.R.MSG;  // This is depend on how you binding data in JSON.
                me.MyMessageWindow(Msgtext);
            }
        });
    },
    MyMessageWindow : function(Msgtext){
        var FailedMsgShow = function (text) {
                Ext.create({
                    xtype: 'window',
                    title: 'P&L',
                    width: 600,
                    height: 450,
                    html:text,
                    scrollable: true,

                }).show();
            };
        FailedMsgShow('<text style="color:green;">'+Msgtext+'</text>');
    },

注意：您可以在任何组件上显示，如面板。我只是建议你穿上窗户。你也可以在面板上制作而不是fieldContainer。

将文本文件读入extjs的文本区域

1 个答案: