borden0108
26 Oct 2011, 1:53 AM
My app just shows a blank screen. there is no html code when it renders and just a white screen.
there are no errors either. My request for a file is executed but there is no display by the browser?
I need some help on this please
thanks matt
Ext.setup({// When the program has rendered the above code it will now start the code below.
onReady: function() {
Ext.define("timetable", {extend: "Ext.data.Model", fields: [
{name: 'DayNumber', type: 'string'},
{name: 'PeriodNumber', type: 'string'},
{name: 'PeriodNumberSeq', type: 'string'},
{name: 'DefinitionPeriodNumber', type: 'string'},
{name: 'DefinitionTimeFrom', type: 'string'},
{name: 'DefinitionTimeTo', type: 'string'},
{name: 'ClassCode', type: 'string'},
{name: 'ClassDescription', type: 'string'},
{name: 'StaffID', type: 'string'},
{name: 'Room', type: 'string'},
],
proxy: {
type: 'localstorage',
id: 'modelproxy',
}
});
var calculateDesiredWidth = function() {
var viewWidth = Ext.Element.getViewportWidth(),
desiredWidth = Math.min(viewWidth, 400) - 10;
return desiredWidth;
};
authform = Ext.create(Ext.form.FormPanel,{
id: 'infomation',
layout: 'fit',
method:'post',
centered:true,
url:'https://intranet.trinity.vic.edu.au/CookieAuth.dll?Logon',
width: 400,
standardSubmit : true,
scroll:'vertical',
floating: true,
modal: true,
height:300,
items:[{
xtype: 'fieldset',
width: calculateDesiredWidth,
title: 'Login',
instructions: 'Please complete the information.',
items: [{
name: 'username',
label: 'username',
xtype: 'textfield',
cls:'form-height',
},{
name: 'password',
label: 'password',
xtype: 'passwordfield',
cls:'form-height',
},{
xtype: 'hiddenfield',
name:'curl',
value:'Z2Fdefault.asp',
}],
}],
dockedItems: [{
dock: 'top',
xtype: 'toolbar',
title: 'Intranet Login'
},{
dock: 'bottom',
xtype: 'toolbar',
items: [{
text: 'Cancel',
handler: function() {
authform.hide();
}
},{
xtype: 'spacer'
},{
text: 'Submit',
ui:'confirm',
handler: function() {
authform.submit ({
waitMsg:'Submitting',
success: function(e) {
authform.hide();
window.stop();
}
});
},
}],
}]
});
var editBtn = Ext.create(Ext.Button,{
text: 'Settings',
handler: function() {
authform.show();
}
});
var spinner = Ext.create(Ext.form.Spinner,{
minValue: 0,
maxValue: 100,
incrementValue: 2,
cycle: true
});
var spinnerBtn = Ext.create(Ext.Button,{
text: 'Select Day',
handler: function() {
spinner.show();
}
});
var offlineStore = Ext.create(Ext.data.Store,{
autoLoad:false,
model: 'timetable',
proxy: {
type: 'localstorage',
id: 'helloworld'
}
});
var onlineStore = Ext.create(Ext.data.Store,{
model: 'timetable',
method:'GET',
autoLoad: true,
proxy: {
type: 'jsonp',
url : 'https://intranet.trinity.vic.edu.au/timetable/getTimetable.asp',
extraParams: {
synID:300068,
room:0,
year:YearNumber(),
term:TermNumber(),
day:DayNumber(),
callType:'student'
},
timeout: 2000,
listeners: {
exception: {
fn: function(proxy, response, operation ) {
offlineStore.load();
offlineStore.sync();
}
}
}
}
});
var panel = Ext.create(Ext.Panel, {
layout: 'fit',
html:'hello',
items:[{
title:'Timetable',
xtype:'list',
store:onlineStore,
itemSelector:'list',
itemTpl: '<tpl>'+'Period {title}: {class}' + '<div id="teacher">{teacher}</div>' + '<div id="room">{room}</div>' + '</tpl>' ,
}]
});
},
});
there are no errors either. My request for a file is executed but there is no display by the browser?
I need some help on this please
thanks matt
Ext.setup({// When the program has rendered the above code it will now start the code below.
onReady: function() {
Ext.define("timetable", {extend: "Ext.data.Model", fields: [
{name: 'DayNumber', type: 'string'},
{name: 'PeriodNumber', type: 'string'},
{name: 'PeriodNumberSeq', type: 'string'},
{name: 'DefinitionPeriodNumber', type: 'string'},
{name: 'DefinitionTimeFrom', type: 'string'},
{name: 'DefinitionTimeTo', type: 'string'},
{name: 'ClassCode', type: 'string'},
{name: 'ClassDescription', type: 'string'},
{name: 'StaffID', type: 'string'},
{name: 'Room', type: 'string'},
],
proxy: {
type: 'localstorage',
id: 'modelproxy',
}
});
var calculateDesiredWidth = function() {
var viewWidth = Ext.Element.getViewportWidth(),
desiredWidth = Math.min(viewWidth, 400) - 10;
return desiredWidth;
};
authform = Ext.create(Ext.form.FormPanel,{
id: 'infomation',
layout: 'fit',
method:'post',
centered:true,
url:'https://intranet.trinity.vic.edu.au/CookieAuth.dll?Logon',
width: 400,
standardSubmit : true,
scroll:'vertical',
floating: true,
modal: true,
height:300,
items:[{
xtype: 'fieldset',
width: calculateDesiredWidth,
title: 'Login',
instructions: 'Please complete the information.',
items: [{
name: 'username',
label: 'username',
xtype: 'textfield',
cls:'form-height',
},{
name: 'password',
label: 'password',
xtype: 'passwordfield',
cls:'form-height',
},{
xtype: 'hiddenfield',
name:'curl',
value:'Z2Fdefault.asp',
}],
}],
dockedItems: [{
dock: 'top',
xtype: 'toolbar',
title: 'Intranet Login'
},{
dock: 'bottom',
xtype: 'toolbar',
items: [{
text: 'Cancel',
handler: function() {
authform.hide();
}
},{
xtype: 'spacer'
},{
text: 'Submit',
ui:'confirm',
handler: function() {
authform.submit ({
waitMsg:'Submitting',
success: function(e) {
authform.hide();
window.stop();
}
});
},
}],
}]
});
var editBtn = Ext.create(Ext.Button,{
text: 'Settings',
handler: function() {
authform.show();
}
});
var spinner = Ext.create(Ext.form.Spinner,{
minValue: 0,
maxValue: 100,
incrementValue: 2,
cycle: true
});
var spinnerBtn = Ext.create(Ext.Button,{
text: 'Select Day',
handler: function() {
spinner.show();
}
});
var offlineStore = Ext.create(Ext.data.Store,{
autoLoad:false,
model: 'timetable',
proxy: {
type: 'localstorage',
id: 'helloworld'
}
});
var onlineStore = Ext.create(Ext.data.Store,{
model: 'timetable',
method:'GET',
autoLoad: true,
proxy: {
type: 'jsonp',
url : 'https://intranet.trinity.vic.edu.au/timetable/getTimetable.asp',
extraParams: {
synID:300068,
room:0,
year:YearNumber(),
term:TermNumber(),
day:DayNumber(),
callType:'student'
},
timeout: 2000,
listeners: {
exception: {
fn: function(proxy, response, operation ) {
offlineStore.load();
offlineStore.sync();
}
}
}
}
});
var panel = Ext.create(Ext.Panel, {
layout: 'fit',
html:'hello',
items:[{
title:'Timetable',
xtype:'list',
store:onlineStore,
itemSelector:'list',
itemTpl: '<tpl>'+'Period {title}: {class}' + '<div id="teacher">{teacher}</div>' + '<div id="room">{room}</div>' + '</tpl>' ,
}]
});
},
});