sencha

ExtJS 4 Loading data into form panel from store/model or via form.load

by

[code] var contactModel = component.contactDetails; Ext.getCmp(‘EditContact_Form’).getForm().loadRecord( contactModel ); OR var form = this.getWebItemForm().getForm(); var data = this.getStore(‘WebItemsForm’).getAt(0); form.loadRecord(data); OR Ext.getCmp(‘patient-form’).getForm().load({ url:’formdata.php’, params:{moduleId:moduleId,action:’doAction’,activity:’getActivePatient’}, success:function(form,action) { var res = action.result; Ext.getCmp(‘patient_count’).setText(res.data.active_patient_count); }, failure:function(response) { } }); [/code]

sencha loading icon before app startup screen

by

In the index.html,  add a div in the body: [html] <body> <style type="text/css"> #loading-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(resources/img/indicator.gif) no-repeat; text-align: center; } </style> <div id="loading-mask"></div> <script type="text/javascript" src="app.js"></script> [/html]   In app.js, in the launch function, once all the app initialization is finished I remove the … Read more