Hybrid View

  1. #1
    Ext User mrkadakia's Avatar
    Join Date
    Jul 2008
    Posts
    131
    Vote Rating
    0
    mrkadakia is on a distinguished road

      0  

    Default Not able to create NativeWindow using Ext.air package

    Not able to create NativeWindow using Ext.air package


    I am using Ext 2.2.1 and I want to create a simple NativeWindow using Ext.air package. I receive the following error message in Firebug:

    air is not defined
    Source code: hello.html
    Code:
    <html>
    <head>
        <title>Hello Example</title>
        <link rel="stylesheet" type="text/css" href="ext-2.2.1/resources/css/ext-all.css"/>
    
        <script type="text/javascript" src="ext-2.2.1/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="ext-2.2.1/ext-all.js"></script>
        <script type="text/javascript" src="ext-2.2.1/air/ext-air.js"></script>
        <script type="text/javascript" src="hello.js"></script>
        
        <!-- Common Styles for the examples -->
        <link rel="stylesheet" type="text/css" href="ext-2.2.1/examples/shared/examples.css"/>
    </head>
    <body>
    <script type="text/javascript" src="ext-2.2.1/examples/shared/examples.js"></script>
    
    <h1>Hello World Window</h1>
    <p>This example shows how to create a very simple modal Window with "autoTabs" from existing markup.</p>
    <input type="button" id="show-btn" value="Hello World" /><br /><br />
    <p>Note that the js is not minified so it is readable. See <a href="hello.js">hellos.js</a> for the full source code.</p>
    
    <div id="hello-win" class="x-hidden">
        <div class="x-window-header">Hello Dialog</div>
        <div id="hello-tabs">
    
            <!-- Auto create tab 1 -->
            <div class="x-tab" title="Hello World 1">
                <p>Hello...</p>
            </div>
            <!-- Auto create tab 2 -->
            <div class="x-tab" title="Hello World 2">
                <p>... World!</p>
            </div>
    
        </div>
    </div>
    
    </body>
    </html>
    Source code: hello.js
    Code:
    Ext.onReady(function(){
        var win;
        var button = Ext.get('show-btn');
    
        button.on('click', function(){
            // create the window on the first click and reuse on subsequent clicks
            if(!win){
                win = new Ext.air.NativeWindow({
                    id: 'win1',
                    file: 'history.html',
                    width:500,
                    height:350,
                    resizable: true
                });
            }
            win.show(button);
        });
    });
    - K

  2. #2
    Ext User mrkadakia's Avatar
    Join Date
    Jul 2008
    Posts
    131
    Vote Rating
    0
    mrkadakia is on a distinguished road

      0  

    Default


    I am aware of the fact that the code pasted above is not 100% correct as I customized the simple Hello World window example to suit the needs to NativeWindow. If someone could provide me a simple Ext.air package example, it would be greatly appreciated.

    Thanks
    - K

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi