1. #21
    Sencha Premium Member
    Join Date
    Oct 2009
    Location
    Germany
    Posts
    299
    Vote Rating
    62
    Ekambos is a jewel in the rough Ekambos is a jewel in the rough Ekambos is a jewel in the rough Ekambos is a jewel in the rough

      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
    Mycoding is on a distinguished road

      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
    299
    Vote Rating
    62
    Ekambos is a jewel in the rough Ekambos is a jewel in the rough Ekambos is a jewel in the rough Ekambos is a jewel in the rough

      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
    Mycoding is on a distinguished road

      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
    Mycoding is on a distinguished road

      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
    Mycoding is on a distinguished road

      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
    299
    Vote Rating
    62
    Ekambos is a jewel in the rough Ekambos is a jewel in the rough Ekambos is a jewel in the rough Ekambos is a jewel in the rough

      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
    20
    makana has a spectacular aura about makana has a spectacular aura about

      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

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

Thread Participants: 3