ある種のアプリ内コンソールを作成して、テスト中にデバッグ情報を出力(および簡単に読み取る)できる別のタブをアプリに含めることができるようにしたいと思います。
私はSenchaTouchを初めて使用しますが、jQueryでは次のようなことを行うのは簡単です。
window.log = function(msg) {
$("#Console").append('<div>' + msg + '</div>');
}
私のMain.jsビューには次のものが含まれています。
{
title: 'Console',
iconCls: 'info',
scrollable: true,
items: [
{
docked: 'top',
xtype: 'titlebar',
title: 'Console'
},
{
xtype: 'container',
id: 'console'
}
]
}
これは私が思いつくことができる最高のものですが、コンテナのHTML全体を取得してからリセットするため、これは非常に無駄であり、全体的に悪いようです。
Ext.log = function (msg) {
var console = Ext.get('console');
var html = console.getHtml();
console.setHtml(html + '<div>' + msg + '</div>');
};
より良い方法が必要です...そうですか?