jsdk-offical/examples/jsfx/sider/sider-usage.ts

JSDK is the most comprehensive TypeScript framework, like JDK.

/// <reference path="../../../dist/jsdk.d.ts" /> 
JS.imports([
    '$jsfx.sider'
]).then(() => {
    let fn = function (e: Event, ...args) {
        Assert.true(Types.ofKlass(e, Event));
        JSLogger.info(this.id, e.type, args);
    }

    let lay1 = new Sider({
        title:'LoadHtml Demo',
        html: '<div>This is a HTML demo.</div>'
    })  
    $('#btn1').click(()=>{
        lay1.toggle()
    })

    let lay2 = new Sider({
        title:'LoadUrl Demo',
        place:'right',
        width: 800,
        url: 'inner.html',
        listeners:{
            'closing': fn,
            'closed': fn,
            'loaded': function(e, fWindow){
                (<any>fWindow).$('#txt1 input').val('value from parent')
            }
        }
    })  
    $('#btn2').click(()=>{
        lay2.toggle()
    })

})