Page 3 of 3 FirstFirst 123
Results 21 to 28 of 28

Thread: getting started with air, and extjs-air

  1. #21
    Sencha Premium Member
    Join Date
    Oct 2009
    Location
    Germany
    Posts
    339
    Vote Rating
    99
      0  

    Default

    There you go

    http://code.google.com/p/gwt4air/wiki/AirPlugin

    hope that will help you.
    Feel free to ask if you have any questions.

    Alain

  2. #22
    Sencha User Mycoding's Avatar
    Join Date
    May 2010
    Location
    Russia, Volgograd
    Posts
    460
    Vote Rating
    0
      0  

    Default

    Thanks a lot.
    I mention that you are well at flex also.

    I want to pay your attention at some very interesting thing.
    Actionscript 3d engine Altertaniva3d
    Please look at this
    http://vreshenie.ru/work/alternativa3d/1.swf
    I hope you will like it.

    I also want to ask.
    Did you try in Air Raphael(not ExtJS 4.0 just framework Raphael)
    Is is possible to convert this in Air ?
    http://vreshenie.ru/work/svg/map/16.html

  3. #23
    Sencha Premium Member
    Join Date
    Oct 2009
    Location
    Germany
    Posts
    339
    Vote Rating
    99
      0  

    Default

    You are welcome
    Whoa that demo looks pretty awesome !
    I ll have a look at the library. Maybe i can add a Java API around that for gwt4air

    I really dont know the Raphael library. But if it uses a lot of eval you wont be able to use it inside the AIR application sandbox. You will have to setup a bridge.

    Maybe Makana can tell you more about this ?

  4. #24
    Sencha User Mycoding's Avatar
    Join Date
    May 2010
    Location
    Russia, Volgograd
    Posts
    460
    Vote Rating
    0
      0  

    Default

    I did simple window on ExtAir )))

    May I ask you.
    I try add in window chart but it is not shown, also I tryed add grid but failed.
    It seems to me that in Ext.Air xtype is not fully suppored all ExtJS xtype.
    Is it true?
    Here is code
    HTML Code:
    <html>
    <head>
        <title>?????? ??? ????? ????????.ru</title>
        <link rel="stylesheet" type="text/css" href="lib/extjs/resources/css/ext-all.css" />
        <link rel="stylesheet" type="text/css" href="lib/extair/resources/css/ext-air.css" />
    	<link rel="stylesheet" type="text/css" href="lib/extjs/resources/css/xtheme-gray.css" />
    	<link rel="stylesheet" type="text/css" href="resources/css/main.css" />
        <script type="text/javascript" src="lib/air/AIRAliases.js"></script>
        <script type="text/javascript" src="lib/air/AIRIntrospector.js"></script>	
        
        <!-- Debug Versions
        <script type="text/javascript" src="/lib/extjs/adapter/ext/ext-base-debug.js"></script>
        <script type="text/javascript" src="/lib/extjs/ext-all-debug.js"></script>
        <script type="text/javascript" src="/lib/extair/ext-air-wo-xlayer-debug.js"></script>
        -->
        
        <script type="text/javascript" src="lib/extjs/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="lib/extjs/ext-all.js"></script>
        <script type="text/javascript" src="lib/extair/ext-air-wo-xlayer.js"></script>
        <script>
            console = { log: air.Introspector ? air.Introspector.Console.log : function(){}};
            Ext.onReady(function(){
    			Ext.chart.Chart.CHART_URL = 'lib/extjs/resources/charts.swf';
    			 var store = new Ext.data.JsonStore({
    		        fields: ['season', 'total'],
    		        data: [{
    		            season: 'Summer',
    		            total: 150
    		        },{
    		            season: 'Fall',
    		            total: 245
    		        },{
    		            season: 'Winter',
    		            total: 117
    		        },{
    		            season: 'Spring',
    		            total: 184
    		        }]
    		    });			
                var win =new Ext.air.Window({
    				layout:'fit',
                	win: window.nativeWindow, // use root window's context
                	collapsible:true,
    				animCollapse:true,
    				minimizable:true,								
    				title:'?????? ??? ????? ????????.ru',
                	icon: '/resources/images/onebit_19_16.png',
    				minimizeToTray: true,
    				trayIcon: '/resources/images/onebit_19_16.png',
    				trayTip:'?????? ??? ????? ????????.ru',
                	tbar:[{
    					text:'????',
    					icon: '/resources/images/onebit_19_16.png',
    					menu: [{
    						icon: '/resources/images/onebit_19_16.png',
    						text: 'Menu Item 1'
    					},{
    						text:'????????',
    						handler:function(){
    							//console.log("HI");
    							//win.setPosition(300,300);
    						}
    					}]				
    				},'->',{
    					text:'??????',
    					icon: '/resources/images/cog.png',
    					menu: [{
    						text: '?????',
    						icon: '/resources/images/door_out.png',
    						handler:function(){
    							win.close();
    						}						
    					}]
    				}],
    				items: {
    		            store: store,
    					height:300,
    					width:300,
    		            xtype: 'piechart',
    		            dataField: 'total',
    		            categoryField: 'season',		            
    		            extraStyle:
    		            {
    		                legend:
    		                {
    		                    display: 'bottom',
    		                    padding: 5,
    		                    font:
    		                    {
    		                        family: 'Tahoma',
    		                        size: 13
    		                    }
    		                }
    		            }
    		        }
                });
            });
        </script>
    </head>
    <body>
        <!-- Insert your content here -->
    </body>
    </html>

  5. #25
    Sencha User Mycoding's Avatar
    Join Date
    May 2010
    Location
    Russia, Volgograd
    Posts
    460
    Vote Rating
    0
      0  

    Default

    Sorry for so many questions.

    I try to use gray theme for Ext.Air.
    All works but new window is being shown with blue(default) theme
    Here is video


    I get new Window code from sample of simpletasks
    Code:
    /*!
     * Enhanced ExtJS Adapter for Adobe(r) AIR(r)
     * Copyright(c) 2006-2010 Sencha Inc.
     * licensing@extjs.com
     * http://www.extjs.com/license
     * 
     * @version 3.2.2
     * [For Use with ExtJS 3.1.0 to ExtJS 3.2.2]
     */
    Ext.air.NativeWindowManager.getAboutWindow = function(){
    	var win,
    		winId = 'aboutSite';
    	if (win = this.get(winId)) {
    		win.setActive(true);
    	} else {
    		win = new Ext.air.Window({
    			id: winId,			
    			title: '?? ??????????? ??????????.ru',
    			html: [
    				'<div style="float:left;width:128px;padding:20px;">',
    					'<img src="/lib/extair/resources/icons/extlogo128.png"/>',
    				'</div>',
    				'<div style="float:left;width:160px;padding-top:40px;">',
    					'<span style="font-size:16px;">Simple Tasks v3.3+</span><br/><br/>',
    					'Copyright &copy; 2010 - Sencha Inc.<br/>',
    					'<a href="http://www.sencha.com/" target="_blank">http://www.sencha.com/</a><br/><br/>',
    				'</div>',
    				'<div style="clear:left;padding:0 20px 20px;">',
    					'Simple Tasks and associated source code is licensed under the GNU General Public License version 3 (GPL v3).<br/>',
    					'<a href="http://www.gnu.org/copyleft/gpl.html" target="_blank">http://www.gnu.org/copyleft/gpl.html</a>',
    				'</div>'
    			].join(''),
    			buttonAlign: 'center',
    			buttons: [{
    				text: 'OK',
    				width: 70,
    				handler: function() {
    					win.hide();
    				}
    			}],
    			width: 350,
    			height: 350,
    			resizable: false,
    			type: 'utility',
    			closeAction: 'hide',
    			alwaysInFront: true
    		});
    	}
    	return win;
    };

  6. #26
    Sencha User Mycoding's Avatar
    Join Date
    May 2010
    Location
    Russia, Volgograd
    Posts
    460
    Vote Rating
    0
      0  

    Default

    I did it
    for gray theme I change code in ext-all.css(the part of blue I replace with xtheme-gray.css)

    About xtype and chart.
    After I did air aplication and installed it chart become work.
    I think the matter is in
    Ext.chart.Chart.CHART_URL = '/lib/extjs/resources/charts.swf';
    It is ignored in debug version or it takes charts.swf from wrong way.

    Now I am trying add image in traymenu.
    Like this but it is not showen.
    Code:
    icon: '/resources/images/save.gif',

  7. #27
    Sencha Premium Member
    Join Date
    Oct 2009
    Location
    Germany
    Posts
    339
    Vote Rating
    99
      0  

    Default

    To keep it honest with you i have no idea on how to use Ext-Air. If Makana is reading this maybe he can help ?

    Best,

    Alain

  8. #28
    Sencha User makana's Avatar
    Join Date
    Apr 2008
    Location
    Dresden, Germany
    Posts
    527
    Vote Rating
    21
      0  

    Default

    Adobe AIR NativeMenus don't support icons. So the tray menu doesn't.
    Programming today is a race between software engineers striving to build bigger and better ?diot-proof programs, and the universe striving to produce bigger and better idiots. So far, the universe is winning. (Rick Cook)

    Enhanced ExtJS adapter for Adobe AIR

Page 3 of 3 FirstFirst 123

Similar Threads

  1. Need to get started with GWT
    By Krishna_tgkk in forum Ext GWT: Help & Discussion (1.x)
    Replies: 1
    Last Post: 4 Mar 2010, 6:02 AM
  2. Getting Started to Ext GWT
    By aklahiri in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 4 Dec 2009, 11:23 AM
  3. getting started with ExtJS 3
    By bauchinj in forum Ext 3.x: Help & Discussion
    Replies: 4
    Last Post: 23 Oct 2009, 4:15 PM
  4. Getting started with ExtJS and having issues with Async Tree
    By chanceusc in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 25 Apr 2008, 4:49 PM
  5. I mean "really" getting started - add Extjs to website?
    By HardCode in forum Ext 1.x: Help & Discussion
    Replies: 3
    Last Post: 17 Sep 2007, 1:42 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •