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();
    }
});

Thread: 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

Posting Permissions