Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    12
    Answers
    2
    Vote Rating
    0
    nickyh62 is on a distinguished road

      0  

    Default Answered: Sencha Touch Charts 2 & Mobile Safari

    Answered: Sencha Touch Charts 2 & Mobile Safari


    Hi all,

    I have currently developed an app, packaged for iOs using the beta version of Sencha charts 2 and have ran into a problem. On chrome, terra (on the ipad), and even the desktop version of safari the charts render fine and do everything they should. However, when I package my app natively for iOs and try to view the charts through then ative app, the links to the pages that contain the charts simply don't work, i.e. the view is not even changed let alone the charts being displayed/rendered. Furthermore my use of the Ext.ux.touch.Grid does not render properly when using the native app, yet works fine when viewed through terra. I have included all the necessary css and js libraries in my index.html file. I have included my index.html, app.js and of the views where a chart is rendered below. Any help would be most appreciated.

    Code:
    <!DOCTYPE HTML>
    <html manifest="" lang="en-US">
    <head>
        <meta charset="UTF-8">
        <title>Navis</title>
    
    
        <div style="text-align: center;"><p><img src="resources/images/SOlogo.jpg"/></p></div>
    
    
        <link rel="stylesheet" href="sdk/resources/css/sencha-touch.css" type="text/css">
        <link rel="stylesheet" href="sdk/resources/css/apple.css" type="text/css">
        <link rel="stylesheet" href="sdk/resources/css/touch-charts.css" type="text/css">
        <link rel="stylesheet" href="resources/css/li.css" type="text/css">
        <link rel="stylesheet" href="sdk/src/grid/css/Ext.grid.View.css" type="text/css">
    
    
        <script type="text/javascript" src="sdk/sencha-touch-all.js"></script>
        <script type="text/javascript" src="sdk/touch-charts-debug.js"></script>
        <script id="microloader" type="text/javascript" src="app.js"></script>
    </head>
    <body>
        <div id="appLoadingIndicator">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </body>
    </html>
    Code:
    //<debug>
    Ext.Loader.setPath({
        'Ext': 'sdk/src'
    });
    //</debug>
    
    
    Ext.Loader.setConfig({
        enabled : true
    });
    
    
    Ext.application({
        name: 'Navis',
    
    
        requires: [
            'Ext.MessageBox'
        ],
    
    
        controllers: ['HomeController', 'SearchResultsController', 'GraphDrillController', 'ClaimDetailController', 'LocationController', 'ClaimDetailController'],
        models: ['Claim', 'Summary', 'PrimaryCauseRecord', 'SearchResultsGraph', 'TradingAreaRecord', 'VesselCatRecord', 'LocationRecord', 'ClaimDetail'],
        views: ['Home', 'Viewport', 'SearchResults', 'GraphDrill', 'PrimaryCause', 'TradingArea', 'VesselCat', 'ClaimDetail', 'Location', 'ClaimDetail'],
        stores: ['Claims', 'Summaries', 'PrimaryCauseData', 'TradingAreaData', 'VesselCatData', 'SearchResultsGraphData', 'Locations', 'ClaimDetailContainer'],
    
    
        icon: {
            57: 'resources/icons/Icon.png',
            72: 'resources/icons/Icon~ipad.png',
            114: 'resources/icons/Icon@2x.png',
            144: 'resources/icons/Icon~ipad@2x.png'
        },
        
        phoneStartupScreen: 'resources/loading/Homescreen.jpg',
        tabletStartupScreen: 'resources/loading/Homescreen~ipad.jpg',
    
    
        launch: function() {
            // Initialize the main view
            Ext.Viewport.add(Ext.create('Navis.view.Viewport'));
        }
    });
    Code:
    Ext.define('Navis.view.PrimaryCause', {
    	extend: 'Ext.Container',
    
    
    	xtype: 'primarycause',
    	id: 'primaryCause',
    
    
    	config:{
    		title: 'Primary Cause Data',
    
    
    		layout: {
    			type: 'fit'
    		},
    
    
    		items: [
    			{
    				xtype: 'chart',
    				themeCls: 'pie1',
    				theme: 'Demo',
    				store: 'PrimaryCauseData',
    				shadow: true,
    				animate: true,
    				insetPadding: 20,
    
    
    				interactions : [
    							{
    								type: 'rotate'
    							},
    							{
                        			type: 'iteminfo',
                        			gesture: 'tap',
                        			listeners: {
                            		show: function (interaction, item, panel) {
                                		var storeItem = item.storeItem;
                                		panel.setHtml(['<ul><li><b>Primary Cause: </b>' + storeItem.get('PrimaryCause') + '</li>', '<li><b>Count: </b> ' + storeItem.get('Count') + '</li>', '</li>', '<li><b>Value (USD $): </b> ' + storeItem.get('Value') + '</li></ul>'].join(''));
                            			}
                        			}
                    			}
    				],
    
    
    				series: [
    					{
    						type: 'pie',
    						field: 'Count',
    						showInLegend: false,
    						highlight: false,
    
    
    						label: {
    							field: 'PrimaryCause'
    						}
    					}
    				]
    			}
    		]
    	}
    });

  2. Now have the charts and grids being displayed as they should in a natively packaged app so my thanks go to you Mitchell.

    For anyone else out there who is having similar problems, here is the process that I followed to install the charts and get them working:

    - Install and place the charts in the sdk/src directory of the application.
    - Add any needed classes from the charts package as 'requires' statements in the desired view classes of the app.
    - Add the .css and .js references for any classes in the charts package that are used in the app's app.json file. I have pasted my app.json file below as an example.

    Code:
     "js": [
            {
                //"path": "sdk/sencha-touch.js"
    			"path": "sdk/src/chart/sencha-touch-debug.js"
            },
    		{
                "path": "sdk/src/chart/touch-charts.js",
                "update": "delta"
            },
            {
                "path": "app.js",
                "update": "delta"
            }
        ],
    
    
        "css": [
            {
                "path": "resources/css/app.css",
                "update": "delta"
            },
    		{
                "path": "resources/css/Ext.grid.View.css",
                "update": "delta"
            },
    		{
                "path": "resources/css/touch-charts.css",
                "update": "delta"
            }
        ],

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,519
    Answers
    3447
    Vote Rating
    813
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Are you using Sencha Command?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User
    Join Date
    Apr 2012
    Posts
    12
    Answers
    2
    Vote Rating
    0
    nickyh62 is on a distinguished road

      0  

    Default


    Hi Mitchell,

    Yes I am using the following command:

    sencha app build native

    Thanks

    Nicky

  5. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,519
    Answers
    3447
    Vote Rating
    813
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    First thing you shouldn't edit index.html. If you need more CSS or JS files, edit app.json. Is all your application classes required? Are they requiring the Sencha Touch classes they are using?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  6. #5
    Sencha User
    Join Date
    Apr 2012
    Posts
    12
    Answers
    2
    Vote Rating
    0
    nickyh62 is on a distinguished road

      0  

    Default


    Thanks, so when you say I shouldn't edit index.html does that mean the content of this file is standard for every sencha touch 2 application? If this is so is index.html generated by the one of the sencha commands?

    So is what your saying that if I want to use, say charts or a grid I should add these classes as requires in my views and the corresponding CSS for the charts or grids in my app.json and not index.html?

  7. #6
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,519
    Answers
    3447
    Vote Rating
    813
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    For Touch Charts lib file, you should add the build file in app.json and your ST2 and application classes in the requires.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  8. #7
    Sencha User
    Join Date
    Apr 2012
    Posts
    12
    Answers
    2
    Vote Rating
    0
    nickyh62 is on a distinguished road

      0  

    Default


    Thanks again Mitchell so add the charts .js file in the app.json file, the classes required as requires in my own ST2 app.

    One last question regarding the index.html, should this reference my app.js or the ST2 development.js or something else as when I reference my own app.js file in index.html it seems the launch function is never being called.

  9. #8
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,519
    Answers
    3447
    Vote Rating
    813
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    For development it will reference development.js and when you do the sencha app build it will embed the microloader into index.html. This whole embedding and such is the reason why you shouldn't edit index.html. So it looks weird but it is all by design for the microloader and the delta updating
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  10. #9
    Sencha User
    Join Date
    Apr 2012
    Posts
    12
    Answers
    2
    Vote Rating
    0
    nickyh62 is on a distinguished road

      0  

    Default


    I see, thanks for all your help Mitchell, I'll amend my app according to your advice tomorrow and fingers crossed my charting issues will be solved!

  11. #10
    Sencha User
    Join Date
    Apr 2012
    Posts
    12
    Answers
    2
    Vote Rating
    0
    nickyh62 is on a distinguished road

      0  

    Default


    Now have the charts and grids being displayed as they should in a natively packaged app so my thanks go to you Mitchell.

    For anyone else out there who is having similar problems, here is the process that I followed to install the charts and get them working:

    - Install and place the charts in the sdk/src directory of the application.
    - Add any needed classes from the charts package as 'requires' statements in the desired view classes of the app.
    - Add the .css and .js references for any classes in the charts package that are used in the app's app.json file. I have pasted my app.json file below as an example.

    Code:
     "js": [
            {
                //"path": "sdk/sencha-touch.js"
    			"path": "sdk/src/chart/sencha-touch-debug.js"
            },
    		{
                "path": "sdk/src/chart/touch-charts.js",
                "update": "delta"
            },
            {
                "path": "app.js",
                "update": "delta"
            }
        ],
    
    
        "css": [
            {
                "path": "resources/css/app.css",
                "update": "delta"
            },
    		{
                "path": "resources/css/Ext.grid.View.css",
                "update": "delta"
            },
    		{
                "path": "resources/css/touch-charts.css",
                "update": "delta"
            }
        ],