PDA

View Full Version : xds file opens in designer, but components are missing ...



joelc
30 Jun 2010, 4:44 PM
Hi ,
I have a designer project that's borked. When I attempt to open the project in Ext Designer, there are several objects missing from the components pane. If you open the .xds file with a text editor, the components are there, but for some reason the designer is failing to load them. I have a Viewport using an absolute layout, and several of the panels inside the viewport are what is missing from the components panel. I have a few combobox components that do not have stores assigned, however, this project has opened in the past without stores. Just for fun, I added the missing 'store:' s by hand but had the same results when opening the xds file. I have a feeling I did something I probably shouldn't have with the layout(s)...

here's the .xds file contents. I hope somebody can find the problem or otherwise enlighten me :



{
"name": "project.xds",
"projectId": "C7658B0D-D767-46DB-881E-714440DC6880",
"settings": {
"urlPrefix": "http://localhost/",
"spacesToIndent": 4,
"codeGenFormat": "Class",
"extPath": "http://extjs.cachefly.net/ext-3.2.0/",
"exportPath": ".",
"lineEnding": "CRLF"
},
"xdsVersion": "xds-1.0.1.0c",
"components": [
{
"cid": "viewport",
"jsClass": "MyViewport",
"userConfig": {
"style": "-ext-undefined-",
"id": "MyViewport",
"layout": "absolute",
"autoHeight": true,
"autoWidth": true
},
"cn": [
{
"cid": "form",
"jsClass": "MyPanel1",
"userConfig": {
"region": "center",
"width": 636,
"title": "-ext-undefined-",
"height": 400,
"activeItem": "-ext-undefined-",
"layout": "absolute",
"padding": "10 10 10 10",
"buttonAlign": "right",
"hidden": true,
"autoRef": "newItemPanel",
"id": "newItemPanel",
"x": 390,
"y": 570
},
"cn": [
{
"cid": "displayfield",
"jsClass": "MyDisplayField",
"userConfig": {
"fieldLabel": "-ext-undefined-",
"value": "<font size=+1>&nbsp;&nbsp; Item: </h1>",
"hideLabel": true,
"x": 10,
"y": 20
}
},
{
"cid": "combobox",
"jsClass": "MyCombo1",
"userConfig": {
"anchor": "-ext-undefined-",
"fieldLabel": "Item Type",
"valueField": "-ext-undefined-",
"x": 390,
"y": 60,
"emptyText": "select an item type...",
"blankText": "select an item type...",
"width": 160
}
},
{
"cid": "textfield",
"jsClass": "MyField4",
"userConfig": {
"name": "-ext-undefined-",
"value": "-ext-undefined-",
"width": 272,
"fieldLabel": "Item Name",
"anchor": "-ext-undefined-",
"x": 40,
"y": 60,
"blankText": "enter the item name here....",
"allowBlank": false,
"emptyText": "enter the item name here ...",
"disableKeyFilter": false
}
},
{
"cid": "textfield",
"jsClass": "MyField4",
"userConfig": {
"name": "-ext-undefined-",
"value": "",
"width": 385,
"fieldLabel": "Item Description",
"anchor": "-ext-undefined-",
"x": 40,
"y": 85,
"emptyText": "type a description for this item here ..."
}
},
{
"cid": "htmleditor",
"jsClass": "MyField6",
"userConfig": {
"fieldLabel": "Item Details",
"anchor": "-ext-undefined-",
"height": 139,
"x": 40,
"y": 140,
"width": 545
}
},
{
"cid": "combobox",
"jsClass": "MyCombo1",
"userConfig": {
"anchor": "-ext-undefined-",
"fieldLabel": "Frequency (hrs)",
"hideLabel": false,
"width": 120,
"x": 430,
"y": 85,
"emptyText": "frequency (hrs) ...",
"blankText": "frequency (hrs)..."
}
},
{
"cid": "displayfield",
"jsClass": "MyDisplayField2",
"userConfig": {
"x": 40,
"y": 115,
"value": "Detailed Description:",
"width": 170
}
},
{
"cid": "button",
"jsClass": "MyButton4",
"userConfig": {
"anchor": "-ext-undefined-",
"fieldLabel": "Click to Add",
"x": 480,
"y": 320,
"text": "Submit",
"minWidth": 100
}
}
]
},
{
"cid": "panel",
"jsClass": "MyWindow",
"userConfig": {
"width": 608,
"height": 510,
"hidden": true,
"title": "",
"layout": "border",
"id": "adminPanel",
"autoRef": "adminPanel",
"footer": false,
"activeItem": "-ext-undefined-"
},
"cn": [
{
"cid": "toolbar",
"jsClass": "MyToolbar",
"dock": "tbar",
"userConfig": {
"enableOverflow": false,
"height": "-ext-undefined-"
},
"cn": [
{
"cid": "buttongroup",
"jsClass": "MyButtonGroup",
"userConfig": {
"title": "<h1>TOOLBAR",
"columns": 1,
"autoWidth": "-ext-undefined-",
"style": "-ext-undefined-",
"width": "-ext-undefined-"
},
"cn": [
{
"cid": "button",
"jsClass": "MyButton6",
"userConfig": {
"text": "New Section...",
"minWidth": 150,
"cellId": "-ext-undefined-",
"hidden": false,
"id": "newSectionBtn",
"autoRef": "newSectionBtn",
"disabled": false
}
},
{
"cid": "button",
"jsClass": "MyButton6",
"userConfig": {
"text": "Delete Section...",
"minWidth": 150,
"cellId": "-ext-undefined-",
"hidden": true,
"id": "delSectionBtn",
"autoRef": "delSectionBtn"
}
},
{
"cid": "button",
"jsClass": "MyButton6",
"userConfig": {
"text": "New Item...",
"minWidth": 150,
"cellId": "-ext-undefined-",
"hidden": false,
"id": "newItemBtn",
"autoRef": "newItemBtn"
}
},
{
"cid": "button",
"jsClass": "MyButton6",
"userConfig": {
"text": "Delete Item...",
"minWidth": 150,
"cellId": "-ext-undefined-",
"hidden": false,
"id": "delItemBtn",
"autoRef": "delItemBtn"
}
}
]
},
{
"cid": "tbspacer",
"jsClass": "MyFill",
"userConfig": {
"width": 40
}
},
{
"cid": "tbtext",
"jsClass": "MyText",
"userConfig": {
"text": "<font size=+1>Digital Rounds Admin"
}
},
{
"cid": "tbspacer",
"jsClass": "MySpacer2",
"userConfig": {
"width": 400
}
}
]
},
{
"cid": "container",
"jsClass": "MyContainer1",
"userConfig": {
"region": "center",
"id": "adminContainer",
"autoRef": "adminContainer",
"layout": "fit",
"hidden": "-ext-undefined-",
"minHeight": "-ext-undefined-",
"minWidth": 100
}
}
]
},
{
"cid": "panel",
"jsClass": "MyPanel2",
"userConfig": {
"height": 700,
"width": 800,
"title": "",
"hidden": true,
"autoRef": "roundsPanel",
"id": "roundsPanel",
"html": "",
"layout": "border",
"autoScroll": false,
"autoHeight": false,
"autoWidth": false,
"anchor": "100%"
},
"cn": [
{
"cid": "panel",
"jsClass": "MyPanel3",
"userConfig": {
"region": "center",
"title": "-ext-undefined-",
"autoScroll": false,
"layout": "absolute",
"defaults": {},
"split": false,
"floatable": "-ext-undefined-",
"id": "scrollPanel",
"autoRef": "scrollPanel",
"unstyled": "-ext-undefined-",
"height": 700,
"width": "-ext-undefined-",
"autoWidth": false
},
"cn": [
{
"cid": "container",
"jsClass": "MyContainer2",
"userConfig": {
"defaults": {
"width": 464
},
"layout": "table",
"x": "-ext-undefined-",
"y": 25,
"id": "floatContainer",
"autoRef": "floatContainer",
"anchor": "-ext-undefined-",
"width": "-ext-undefined-",
"autoWidth": "-ext-undefined-"
},
"cn": [
{
"cid": "panel",
"jsClass": "MyPanel9",
"userConfig": {
"height": 540,
"width": 460,
"title": "-ext-undefined-",
"id": "i0",
"autoRef": "i0",
"autoScroll": true,
"columnWidth": "-ext-undefined-",
"unstyled": false,
"frame": true,
"bodyBorder": true,
"rowspan": "-ext-undefined-",
"autoHeight": "-ext-undefined-",
"flex": 1
}
},
{
"cid": "panel",
"jsClass": "MyPanel9",
"userConfig": {
"height": 540,
"width": 460,
"title": "-ext-undefined-",
"id": "i1",
"autoRef": "i1",
"autoScroll": true,
"unstyled": "-ext-undefined-",
"frame": true,
"bodyBorder": true,
"border": true,
"autoHeight": "-ext-undefined-",
"x": "-ext-undefined-",
"header": "-ext-undefined-",
"flex": 1
}
}
]
}
]
},
{
"cid": "panel",
"jsClass": "MyPanel4",
"userConfig": {
"region": "south",
"width": 907,
"title": "",
"height": 84,
"layout": "border",
"activeItem": "-ext-undefined-",
"margins": "-ext-undefined-",
"bodyBorder": true,
"floatable": "-ext-undefined-",
"frame": true,
"unstyled": false
},
"cn": [
{
"cid": "panel",
"jsClass": "MyPanel7",
"layoutConfig": {
"align": "middle"
},
"userConfig": {
"flex": 1,
"region": "south",
"width": 894,
"layout": "hbox",
"height": 31,
"title": "-ext-undefined-",
"border": false,
"unstyled": false
},
"cn": [
{
"cid": "button",
"jsClass": "MyButton2",
"userConfig": {
"flex": 1,
"text": "<font size=+1><b>Back",
"icon": "-ext-undefined-",
"cls": "-ext-undefined-",
"id": "btnBack",
"autoRef": "btnBack",
"scale": "large"
}
},
{
"cid": "slider",
"jsClass": "MySlider1",
"userConfig": {
"width": 1000,
"value": 8,
"animate": true,
"keyIncrement": "-ext-undefined-",
"increment": 1,
"clickToChange": true,
"style": "-ext-undefined-",
"anchor": "90% 100%",
"margins": "0 18 0 18",
"id": "mySlider",
"autoRef": "mySlider",
"decimalPrecision": 0,
"maxValue": 8,
"minValue": 0,
"region": "north"
}
},
{
"cid": "button",
"jsClass": "MyButton3",
"userConfig": {
"flex": 1,
"text": "<font size=+1><b>Next",
"autoRef": "btnNext",
"id": "btnNext",
"scale": "large"
}
}
]
},
{
"cid": "panel",
"jsClass": "MyPanel8",
"userConfig": {
"region": "center",
"width": "-ext-undefined-",
"title": "-ext-undefined-",
"border": false,
"id": "roundsInfoPanel",
"autoRef": "roundsInfoPanel",
"margins": "-ext-undefined-",
"html": "hi",
"padding": 8
}
}
]
}
]
},
{
"cid": "panel",
"jsClass": "MyPanel",
"userConfig": {
"width": 1500,
"height": 800,
"hidden": false,
"layout": "border",
"defaults": {
"width": "150",
"height": "150"
},
"title": "",
"id": "mainPanel",
"autoRef": "mainPanel",
"x": 0,
"y": 0,
"anchor": "100%"
},
"cn": [
{
"cid": "container",
"jsClass": "MyPanel1",
"userConfig": {
"region": "center",
"layout": "fit",
"width": 600,
"height": 600,
"title": "",
"disabled": false,
"id": "mainContainer",
"autoRef": "mainContainer",
"margins": "5 5 5 0",
"split": false,
"minHeight": "-ext-undefined-",
"minWidth": "-ext-undefined-",
"autoHeight": false,
"autoWidth": false
}
},
{
"cid": "panel",
"jsClass": "MyPanel2",
"userConfig": {
"region": "north",
"width": "-ext-undefined-",
"height": 90,
"title": "Viawest Digital Rounds",
"margins": "5 5 0 5",
"layout": "table",
"activeItem": "-ext-undefined-",
"padding": 8,
"autoRef": "comboPanel",
"id": "comboPanel",
"frame": true,
"autoScroll": false
},
"cn": [
{
"cid": "combobox",
"jsClass": "MyCombo",
"userConfig": {
"displayField": "siteCode",
"itemSelector": "-ext-undefined-",
"emptyText": "Select a Site... ",
"autoRef": "siteCombo",
"id": "siteCombo",
"selectOnFocus": true,
"forceSelection": true,
"store": "MyStore",
"valueField": "siteId",
"hiddenId": "-ext-undefined-",
"lazyRender": true,
"lazyInit": true,
"mode": "local",
"shadow": true,
"colspan": "-ext-undefined-"
}
},
{
"cid": "tbspacer",
"jsClass": "MySpacer",
"userConfig": {
"width": 9
}
},
{
"cid": "button",
"jsClass": "MyButton",
"userConfig": {
"text": " START ",
"hidden": false,
"id": "btnStart",
"autoRef": "btnStart",
"scale": "large",
"height": "-ext-undefined-"
}
},
{
"cid": "tbspacer",
"jsClass": "MySpacer",
"userConfig": {
"width": 29
}
},
{
"cid": "button",
"jsClass": "MyButton1",
"userConfig": {
"text": "ADMIN",
"id": "btnAdmin",
"autoRef": "btnAdmin",
"style": "-ext-undefined-",
"scale": "large"
}
}
]
},
{
"cid": "panel",
"jsClass": "MyPanel3",
"userConfig": {
"region": "west",
"width": 269,
"height": "-ext-undefined-",
"title": "-ext-undefined-",
"collapsible": true,
"margins": "0 5 5 5",
"disabled": false,
"hideCollapseTool": true,
"collapseMode": "-ext-undefined-",
"id": "leftPanel",
"autoRef": "leftPanel",
"unstyled": "-ext-undefined-",
"autoScroll": true,
"maskDisabled": false
},
"cn": [
{
"cid": "tree",
"jsClass": "MyTree",
"userConfig": {
"hidden": false,
"title": "-ext-undefined-",
"rootVisible": false,
"id": "myTree",
"autoRef": "myTree",
"frame": false,
"shadow": "drop",
"border": false,
"disabled": "-ext-undefined-",
"disabledClass": "",
"width": "-ext-undefined-",
"height": "-ext-undefined-",
"maskDisabled": "-ext-undefined-"
},
"cn": [
{
"cid": "asyncnode",
"dock": "root",
"userConfig": {
"text": "Root Node",
"expanded": true,
"leaf": "-ext-undefined-"
}
},
{
"cid": "asynctreeloader",
"dock": "loader",
"userConfig": {
"clearOnLoad": false
}
}
]
}
]
}
]
},
{
"cid": "form",
"jsClass": "MyWindow",
"userConfig": {
"hidden": true,
"width": 466,
"height": 174,
"title": "New Site",
"padding": "10 10 10 10",
"id": "newSectionWindow",
"autoRef": "newSectionWindow",
"buttonAlign": "right",
"x": "-ext-undefined-",
"y": "-ext-undefined-",
"hideMode": "-ext-undefined-",
"activeItem": "-ext-undefined-",
"anchor": "-ext-undefined-"
},
"cn": [
{
"cid": "textfield",
"jsClass": "MyField7",
"userConfig": {
"anchor": "70%",
"fieldLabel": "-ext-undefined-",
"hideLabel": true,
"emptyText": "Input a Site Name...",
"id": "siteNameInput",
"autoRef": "siteNameInput"
}
},
{
"cid": "numberfield",
"jsClass": "MyField8",
"userConfig": {
"anchor": "70%",
"fieldLabel": "",
"hideLabel": true,
"emptyText": "Input the Number of Pre-defined Sections...",
"id": "numSectionsInput",
"autoRef": "numSectionsInput"
}
},
{
"cid": "button",
"jsClass": "MyButton4",
"userConfig": {
"anchor": "-ext-undefined-",
"fieldLabel": "Click to Add",
"x": 440,
"y": 380,
"text": "Submit",
"minWidth": 100,
"hideLabel": true,
"id": "btnSubmitNewSite",
"autoRef": "btnSubmitNewSite"
}
}
]
}
]
}
],
"stores": [
{
"cid": "arraystore",
"jsClass": "MyStore",
"userConfig": {
"autoSave": false,
"storeId": "MyStore",
"idIndex": 0,
"autoLoad": false
},
"cn": [
{
"cid": "datafield",
"jsClass": "MyField2",
"userConfig": {
"name": "siteId",
"type": "int"
}
},
{
"cid": "datafield",
"jsClass": "MyField3",
"userConfig": {
"name": "siteName",
"type": "string"
}
},
{
"cid": "datafield",
"jsClass": "MyField2",
"userConfig": {
"name": "siteCode"
}
},
{
"cid": "datafield",
"jsClass": "MyField3",
"userConfig": {
"name": "sections"
}
}
]
}
]
}Thanks in advance!
Joelc

joelc
30 Jun 2010, 6:52 PM
I finally figured out what was causing this problem. Using the absolute layout on my Viewport while having autoHeight and autoWidth properties set to "true". :D Did I mention that I'm a noob? haha. Well at least I figured out the cause of the problem:


"components": [
{
"cid": "viewport",
"jsClass": "MyViewport",
"userConfig": {
"style": "-ext-undefined-",
"id": "MyViewport",
"layout": "absolute",
"autoHeight": true, <-----\ after removing these two lines, the project loads fine.
"autoWidth": true <------\
},


-joel

jarrednicholls
1 Jul 2010, 4:33 AM
Thanks joel, the next release has those two properties removed from Viewport since they aren't suppose to be set anyways :-) But thanks for reporting this, cuz it was a bug to even allow them to be set at all.

I do find it odd that those properties were preventing components from loading..that shouldnt' be the case. Now, I can see them being "hidden" out of sight on the Design canvas, but they still should have been loaded into the Component Tree on the right side. Very odd indeed. But thanks for letting us know the fix!