Thank you for reporting this bug. We will make it our priority to review this report.
-
Sencha User
export the project successfully, run the designer.html does not work
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?
-
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?
-
Touch Premium Member
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
-
OK some questions.
Are you using Touch or ExtJS?
Can you paste what is in your html file saved by Designer?
-
Aplogies I have Designer 2 on the brain! ExtJS4 got it
-
Sencha User

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!
--
Luca Candela
twitter: @luckymethod
-
Touch Premium Member
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
-
Can you check for console output? Can you attach/email your project?
-
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/.
-
Sencha User
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();
}
});