export the project successfully, run the designer.html does not work

**jinjianhe** · 21 Dec 2011 11:54 PM

just build a same project based on extjs3.3 and extjs4.0 using extjs designer1.2.2 respectively, after export the project successfully, run the generated designer.html by extjs4.0 , it does not work, however when run the generated xds_index.html by extjs3.3, it works fine, what is the matter? is it bug?

**Phil.Strong** · 23 Dec 2011 10:06 AM

Going to need for information than this.

Are you getting errors w/ the ExtJS 4 run? Define doesn't work.
Can you share your xds file with us?

**bender.thomas** · 25 Jan 2012 4:28 AM

I have a similar (maybe the same?) problem..

Export the project, open designer.html..page is empty..

I checked the sourcecode of the file and the problem seems to be that the files listed in designer_includeOrder.txt are not included. After copying the lines into designer.html everything works fine.

Everytime I export the project these lines are not included in designer.html

Ubunut 11.10 64bit - Designer 1.2.2 - Extjs 4.0.2

**Phil.Strong** · 27 Jan 2012 7:20 AM

OK some questions.

Are you using Touch or ExtJS?

Can you paste what is in your html file saved by Designer?

**Phil.Strong** · 27 Jan 2012 7:22 AM

Aplogies I have Designer 2 on the brain! ExtJS4 got it

**CaliLuke** · 27 Jan 2012 10:47 PM

Originally Posted by Phil.Strong

Aplogies I have Designer 2 on the brain! ExtJS4 got it

Man, now everybody knows we have Designer 2 coming out!

**bender.thomas** · 30 Jan 2012 2:21 AM

Designer.html:

Code:

<!DOCTYPE html>

<!-- Auto Generated with Ext Designer -->
<!-- Modifications to this file will be overwritten. -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test</title>
    <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-4.0.2a/resources/css/ext-all.css"/>
    <script type="text/javascript" src="http://extjs.cachefly.net/ext-4.0.2a/ext-all-debug.js"></script>
    <script type="text/javascript" src="designer.js"></script>
</head>
<body></body>
</html>

designer_includeOrder.txt:

Code:

<script type="text/javascript" src="app/view/ui/MyChart.js"></script>
<script type="text/javascript" src="app/view/MyChart.js"></script>
<script type="text/javascript" src="app/store/MyJsonStore.js"></script>

Regards

Thomas

**Phil.Strong** · 1 Feb 2012 11:45 PM

Can you check for console output? Can you attach/email your project?

**aconran** · 2 Feb 2012 11:47 AM

Are you loading the designer.html file via a webserver?

Dynamic loading is not going to work unless you load it via a webserver. Deploy your project to a web accessible directory (C:\Inetpub\wwwroot, ~/Sites, etc) and then access it via http://localhost/.

**user_test** · 28 Mar 2012 6:02 AM

1. Create a new project Ext JS 4.0.x .
2. Drag the Label (http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.Label) onto the "form".
3. Click "Preview" and "Save Project" - it works.
4. Export Project.
5. Open in browser( http://localhost/xampp/test/designer.html) - doesnt work - Label is missing.

project.xds

Code:

{
    "settings": {
        "urlPrefix": "http://localhost/xampp/test",
        "directAPI": "",
        "spacesToIndent": "4",
        "codeGenFormat": "Class",
        "exportPath": ".",
        "extPath": "http://extjs.cachefly.net/ext-4.0.2a/",
        "lineEnding": "CRLF",
        "instantiateStore": true,
        "exportXDSFiles": true,
        "genTimestamps": true,
        "appName": "MyApp"
    },
    "xdsVersion": "1.2.2",
    "components": [
        {
            "id": "ExtBox1-ext-gen1769",
            "type": "label",
            "reference": {
                "name": "items",
                "type": "array"
            },
            "codeClass": null,
            "userConfig": {
                "text": "My Label",
                "designer|userClassName": "MyLabel"
            }
        }
    ],
    "stores": [],
    "framework": "ext40"
}

designer.html

HTML Code:

<!DOCTYPE html>

<!-- Auto Generated with Ext Designer -->
<!-- Modifications to this file will be overwritten. -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>project.xds</title>
    <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-4.0.2a/resources/css/ext-all.css"/>
    <script type="text/javascript" src="http://extjs.cachefly.net/ext-4.0.2a/ext-all-debug.js"></script>
    <script type="text/javascript" src="designer.js"></script>
</head>
<body></body>
</html>

designer.js

Code:

Ext.Loader.setConfig({
    enabled: true
});

Ext.application({
    name: 'MyApp',

    launch: function() {
        Ext.QuickTips.init();

        var cmp1 = Ext.create('MyApp.view.MyLabel', {
            renderTo: Ext.getBody()
        });
        cmp1.show();
    }
});

export the project successfully, run the designer.html does not work

Thread Tools

Search Thread

Display

export the project successfully, run the designer.html does not work

export the project successfully, run the designer.html does not work