web_package_example/ui/main.js

Ext.define('cn.tonyandmoney.app.Instance', {
    extend: 'SYNO.SDS.AppInstance',
    appWindowName: 'cn.tonyandmoney.app.Main',
    constructor: function() {
        this.callParent(arguments);
    }
});

Ext.define('cn.tonyandmoney.app.Main', {
    extend: 'SYNO.SDS.AppWindow',
    appInstance: null,

    constructor: function(cfg) {
        this.appInstance = cfg.appInstance;

        var config = Ext.apply({
            resizable: true,
            maximizable: true,
            minimizable: true,
            width: 1200,
            height: 800,
            layout: 'fit',
            items: [
                new Ext.BoxComponent({
                    height: "100%",
                    html: '<iframe src="/webman/3rdparty/WebToolBox/index.html”" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="100%"></iframe>'
                })
            ]
        }, cfg);

        this.callParent([config]);
    }
});