将文本文件读入extjs中的文本区域
我在本地机器上有mail.txt,我想使用extjs在UI上显示它。我创建了一个textarea并想将mail.txt导入其中将文本文件读入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)
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”。将您尝试过的有问题的代码张贴出来。同时也要弄清楚你到底想要什么,你在哪里被卡住了。