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

将文本文件读入extjs中的文本区域,extjs,Extjs,我在本地机器上有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)

我在本地机器上有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);
}});

这里,若你们想在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>');
    },
MyMessage:function(){
var me=这个;
Ext.Ajax.request({
url:JSON的url
方法:“GET”,
数据类型:'json',
范围:我,
标题:{
“接受”:“应用程序/json;字符集=utf-8”
},
成功:功能(响应,参数){
var data=Ext.decode(response.responseText);
var Msgtext=data.R.MSG;//这取决于如何在JSON中绑定数据。
me.MyMessageWindow(Msgtext);
}
});
},
MyMessageWindow:函数(Msgtext){
var FailedMsgShow=函数(文本){
外部创建({
xtype:'窗口',
标题:“损益表”,
宽度:600,
身高:450,
html:文本,
可滚动:对,
}).show();
};
FailedMsgShow(“”+Msgtext+“”);
},

注意:您可以在任何组件(如面板)上显示。我只是建议你们把窗户关上。您也可以在面板上制作,而不是fieldContainer。

可能会复制“欢迎使用SOF”。将您尝试过的有问题的代码张贴出来。同时也要弄清楚你到底想要什么,你在哪里被卡住了。