1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
|
" codeBody "
Ext.onReady (functie () {
Ext.QuickTips.init ();
var login = nieuwe Ext.FormPanel ({
//id: „login-vorm“,
bodyStyle: „opvullend: 15px; achtergrond: transparant“,
grens: waar,
url: „login.php“,
titel: „Tevreden Login“,
kader: waar,
defaultType: „textfield“,
monitorValid: waar,
punten: [{
xtype: „doos“,
autoEl: {markering: „afd.“,
HTML: „
“}
},
{xtype: „textfield“, identiteitskaart: „user-id“,
fieldLabel: „User-id“,
allowBlank: vals, blankText: de „user-id wordt vereist“, minLength: 3,
msgTarget: „kant“
},
{xtype: „textfield“, identiteitskaart: „wachtwoord“,
fieldLabel: „Wachtwoord“,
inputType: „wachtwoord“, allowBlank: vals, blankText: Het „wachtwoord wordt vereist“, minLength: 6,
msgTarget: „kant“
}],
knopen: [{
tekst: „Login“,
formBind: waar,
// Functie die branden wanneer de gebruiker de knoop klikt
manager: functie () {
login.getForm () .submit ({
methode: „POST“,
waitTitle: „Verbindend“,
waitMsg: „Bevestigend Identiteit…“,
// Functies die in brand steken (succes of mislukking) wanneer de server antwoordt.
// die uitvoert wordt bepaald door
// reactie die uit login.asp zoals verder gezien komt. De server
// antwoordt eigenlijk met geldige JSON,
// iets als: response.write „{succes: waar}“ of
// response.write „{succes: vals, fouten: {reden: „Ontbroken Login. Probeer opnieuw.“ }} „
// afhankelijk van de logica bevat binnen uw servermanuscript.
// als een succes voorkomt wordt, de gebruiker meegedeeld met waakzaam messagebox,
// en wanneer zij „O.K.“ klikken, worden zij opnieuw gericht aan de pagina
// u als opnieuw richt bepaalt.
succes: functie () {
Ext.Msg.alert („Status“, „Succesvol Login! “, functie (BTN, tekst) {
als („o.k.“ BTN ==) {
var richt = „home.php“ opnieuw;
window.location = richt opnieuw;
}
});
},
// de functie van de Mislukking, zie commentaar boven Re: succes en mislukking.
// u kunt hier zien, als login ontbreekt, het werpt een messagebox
// bij de gebruiker die hem/haar zoals veel vertellen.
mislukking: functie (vorm, actie) {
als (action.failureType == „server“) {
obj = Ext.util.JSON.decode (action.response.responseText);
Ext.Msg.alert („Ontbroken Login! “, obj.errors.reason);
} anders {
Ext.Msg.alert („Waarschuwing! “, „de server van de Authentificatie is onbereikbaar: “ + action.response.responseText);
}
login.getForm () .reset ();
}
});
}
}]
});
//Ext.onReady (functie () {
var wint = nieuwe Ext.Window ({
lay-out: „vorm“,
breedte: 340,
autoHeight: waar,
sluitbaar: vals,
roerend goed: waar,
grens: vals,
resizable: vals,
punten: [login]
});
win.sh ow ();
});
|
