Code:
{
"xdsVersion": "2.1.0",
"frameworkVersion": "touch20",
"internals": {
"type": "formpanel",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"container|pack": "center",
"designer|userClassName": "LoginForm",
"designer|userAlias": "LoginForm",
"designer|initialView": true,
"border": "",
"cls": [
"contentBGSquare"
],
"height": null,
"id": "loginFormID",
"styleHtmlContent": true,
"ui": "dark",
"width": null,
"layout": "vbox",
"scrollable": [
"false"
]
},
"cn": [
{
"type": "container",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyContainer139",
"border": 2,
"centered": true,
"cls": [
"loginBG"
],
"height": 500,
"html": "<body background=\"images/bg.png\"></body>",
"padding": "",
"top": "",
"ui": "dark",
"width": 670
},
"cn": [
{
"type": "container",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyContainer27",
"bottom": "",
"cls": [
"loginUpperStrip"
],
"height": 125,
"top": 5,
"width": 666
}
},
{
"type": "container",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyContainer102",
"height": 45,
"left": "",
"right": 0,
"top": "15%",
"width": 450
},
"cn": [
{
"type": "label",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyLabel127",
"cls": [
"productName"
],
"docked": null,
"draggable": [
"true"
],
"height": "",
"html": "FINANCE AND INSURANCE APPLICATION",
"id": "",
"left": "",
"padding": "",
"right": "",
"styleHtmlContent": true,
"top": "55%",
"ui": "",
"width": 450
}
}
]
},
{
"type": "container",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyContainer102",
"height": 45,
"left": 225,
"right": "",
"top": 118
},
"cn": [
{
"type": "label",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyLabel127",
"cls": [
"productVersion"
],
"docked": "left",
"height": 31,
"html": "<b><font color=\"#FD803D\">Version 1.00.00 build 130104</font></b>",
"styleHtmlContent": true,
"width": 350
}
}
]
},
{
"type": "container",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyContainer102",
"height": 45,
"left": "",
"right": 10,
"top": 35
},
"cn": [
{
"type": "label",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyLabel127",
"docked": "left",
"height": "",
"html": "<b><p align=\"center\"><font size=4 color=\"#FFFFFF\" text-align=\"center\">Login to Credit Objects Pty Ltd.</font></p></b>",
"styleHtmlContent": true,
"width": 400
}
}
]
},
{
"type": "container",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyContainer157",
"border": "none",
"height": "",
"left": "",
"right": 25,
"top": 200,
"width": 500
},
"cn": [
{
"type": "textfield",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyTextField15",
"border": "",
"cls": [
"normalRoundCorner",
"textBlack"
],
"height": 60,
"id": "userID",
"itemId": "userID",
"maxHeight": 60,
"minHeight": 60,
"padding": "",
"style": "",
"width": "100%",
"label": "User Name:",
"labelCls": "normalLabelText ",
"labelWidth": "35%",
"name": "loginName"
}
},
{
"type": "passwordfield",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyPasswordField",
"border": "",
"bottom": "",
"cls": [
"normalRoundCorner",
"textBlack"
],
"height": 60,
"id": "passwordField",
"itemId": "mypasswordfield",
"maxHeight": 60,
"minHeight": 60,
"padding": 5,
"width": "100%",
"label": "Password:",
"labelCls": "normalLabelText ",
"labelWidth": "35%",
"name": "password"
},
"cn": [
{
"type": "basiceventbinding",
"reference": {
"name": "listeners",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "onMypasswordfieldKeyup",
"fn": "onMypasswordfieldKeyup",
"implHandler": [
"if (e.browserEvent.keyCode === 13) {\r",
" this.fireEvent(\"GetLoginEvent\", this); \r",
" e.stopEvent();\r",
" Ext.getCmp(\"passwordField\").fieldEl.dom.blur();\r",
"}"
],
"name": "keyup"
}
}
]
}
]
},
{
"type": "container",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyContainer102",
"height": 45,
"left": 160,
"right": "",
"top": 330
},
"cn": [
{
"type": "label",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyLabel127",
"cls": [
"productVersion"
],
"docked": "left",
"height": 31,
"hidden": true,
"html": "<b><font color=\"#FD803D\"> Invalid User Name or Password</font></b>",
"id": "invalidUserNameID",
"styleHtmlContent": true,
"width": 400
}
}
]
},
{
"type": "container",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyContainer102",
"left": "",
"right": 25,
"top": 400
},
"cn": [
{
"type": "button",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"action": "LoginAction",
"designer|userClassName": "MyButton70",
"cls": "",
"docked": "left",
"height": 56,
"id": "loginButton",
"left": null,
"ui": "confirm",
"width": 234,
"text": "Login"
},
"customConfigs": [
{
"group": "(Custom Properties)",
"name": "action",
"type": "string"
}
]
}
]
},
{
"type": "image",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyImage12",
"height": 66,
"left": 5,
"top": 45,
"width": 217,
"src": "images/LOGO-SMALL.png"
}
},
{
"type": "image",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyImage14",
"bottom": 40,
"height": 125,
"left": 0,
"top": 200,
"width": 125,
"src": "images/key.png"
}
},
{
"type": "image",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "MyImage14",
"bottom": "",
"height": 350,
"left": 20,
"top": 140,
"width": 265,
"src": "images/lock.png"
}
}
]
},
{
"type": "basiceventbinding",
"reference": {
"name": "listeners",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "onFormpanelShow",
"fn": "onFormpanelShow",
"implHandler": [
"//Ext.getCmp('userID').focus('', 10);"
],
"name": "show"
}
},
{
"type": "basiceventbinding",
"reference": {
"name": "listeners",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "onLoginFormIDPinch",
"fn": "onLoginFormIDPinch",
"designer|params": [
"e,t"
],
"implHandler": [
"e.preventDefault();\r",
"Ext.Viewport.setPreventPanning(false);\r",
"Ext.Viewport.setPreventZooming(false);\r",
"\r",
"\r",
"if(MyApp.app.myScaleVal!==0)\r",
"{\r",
"\r",
" this.scale =e.scale* MyApp.app.myScaleVal;\r",
" MyApp.app.setMyScaleVal(this.scale);\r",
"\r",
"}\r",
"else\r",
"{\r",
" this.scale = e.scale*this.startScale; \r",
" MyApp.app.setMyScaleVal( this.startScale );\r",
"\r",
"}\r",
"\r",
"\r",
"\r",
"var p =Ext.get('loginFormID');\r",
"Ext.fly(p).setStyle('-webkit-transform', 'scale('+this.scale+')');\r",
""
],
"element": "innerElement",
"name": "pinch"
}
},
{
"type": "basiceventbinding",
"reference": {
"name": "listeners",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "onLoginFormIDPinchstart",
"fn": "onLoginFormIDPinchstart",
"designer|params": [
"e,t"
],
"implHandler": [
"this.startScale = e.scale; \r",
"\r",
"\r",
""
],
"element": "innerElement",
"name": "pinchstart"
}
},
{
"type": "basiceventbinding",
"reference": {
"name": "listeners",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "onLoginFormIDPinchend",
"fn": "onLoginFormIDPinchend",
"designer|params": [
"e,t"
],
"implHandler": [
"e.preventDefault();\r",
"Ext.Viewport.setPreventPanning(false);\r",
"Ext.Viewport.setPreventZooming(false);\r",
"\r",
" for(var i=0;i<1000;i++){\r",
" if(MyApp.app.myScaleVal<1.0)\r",
" {\r",
" \r",
" MyApp.app.setMyScaleVal(MyApp.app.myScaleVal+0.01);\r",
" \r",
" var p =Ext.get('loginFormID');\r",
" Ext.fly(p).setStyle('-webkit-transform', 'scale('+MyApp.app.myScaleVal+')');\r",
" \r",
" \r",
" }\r",
" \r",
" //this.recurs();\r",
" }\r",
"\r",
"\r",
"\r",
"\r",
""
],
"element": "innerElement",
"name": "pinchend"
}
},
{
"type": "basicfunction",
"reference": {
"name": "items",
"type": "array"
},
"codeClass": null,
"userConfig": {
"designer|userClassName": "recurs",
"fn": "recurs",
"implHandler": [
"for(var i=0;i<50;i++){\r",
"recurs();\r",
"}"
]
}
}
]
},
"linkedNodes": {},
"boundStores": {},
"boundModels": {}
}
How to Migrate Sencha Touch2 Project code into ExtJS
i really cant understand what is missing and what should be changed to get rid of these errors. Hope this wont be big time problem for you guys to figure out. I am waiting for further help from you guys.
Reply With Quote
