ExtJS - Desktop - 두판 FM 어플리케이션 개발
다음은 ExtJS 버전의 두판 FM:
코드는 매우 간단하다. 실현 원리는 두판 FM의 주소에 Ext.Wndow의 껍질을 씌우는 것이다.
Ext.define('MyDesktop.Douban', {
extend: 'Ext.ux.desktop.Module',
id:'douban',
windowId: 'douban-window',
tipWidth: 160,
tipHeight: 96,
init : function(){
this.launcher = {
text: ' FM',
iconCls:'douban-small-shortcut',
handler : this.createWindow,
scope: this
}
},
createWindow : function(){
var me = this, desktop = me.app.getDesktop(),
win = desktop.getWindow(me.windowId);
if (!win) {
win = desktop.createWindow({
id: me.windowId,
title: ' FM',
width: 430,
height: 221,
iconCls: 'douban-small-shortcut',
animCollapse: false,
border: false,
maximizable : false,
resizable : false,
layout: 'fit',
items: [
{
xtype : 'panel',
html : '<iframe id="douoban_iframe" scrolling="auto" ' +
'frameborder="no" hidefocus="" allowtransparency="true" ' +
'src="http://douban.fm/partner/webqq" name="%7B%22appid%22%3A3402%2C%22webqqkey%22%3A0.002194722502731783%2C%22webqqdomain%22%3A%22web.qq.com%22%7D"' +
// FM
'style="width: 100%; height: 100%;">'
}
]
});
}
win.show();
return win;
},
});
위의 데스크톱은 어떻게 된 일인지 ExtJS의 데스크톱 예를 보면 최적화된 것입니다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.