Input-Feld mit ExtJS-Eigenschaften
Einklappen
X
-
Nein, ist alles lokal bei mir auf dem rechner! Naja, muss ich eben mal versuchen, hätte ja sein können dass ihr einen Fehler bei mir im ExtJS entdeckt oder so. Trotzdem vielen dank!
-
Jawoll, ist alles eingebunden. Die Fehlerkonsole bringt mir folgendes:
number.applyTo is not a function
Einen Kommentar schreiben:
-
Dann lerne doch jetzt bitte langsam mal, mit der JavaScript-Fehlerkonsole umzugehen, um uns weitere „funzt nich“-Postings zu ersparen, und uns stattdessen schon bald vielleicht mit halbwegs vernünftigen Problembeschreibungen erheitern zu können.Zitat von Kangarooo Beitrag anzeigenAlso es sieht jetzt folgendermaßen aus, funktioniert leider immer noch nicht!
Einen Kommentar schreiben:
-
Also es sieht jetzt folgendermaßen aus, funktioniert leider immer noch nicht!
im Head Bereich:
und dann weiter unten in meinem Formular gibt es dieses Feld:PHP-Code:<script type="text/javascript">
window.onload = function () {
var number = new Ext.form.NumberField({
allowDecimals : true,
decimalSeparator :".",
allowNegative : false,
minValue : 0,
emptyText:'Wert in Euro eingeben...',
selectOnFocus:true,
allowBlank:false,
});
number.applyTo('umsatz');
};
</script>
PHP-Code:<input type='text' class='half' name='umsatz' value='' id='umsatz' />
Einen Kommentar schreiben:
-
Oh man das tut mir leid! Ich hatte den Block mit dem Beispiel von dir überhaupt nicht gesehen!! Vielen dank, jetzt weiss ich es natürlich!
Einen Kommentar schreiben:
-
Na einfach den Code, den du hast, dorthin kopieren, wo "// hier der Code [...]" steht. (Natürlich ohne die script-Tags.)
Einen Kommentar schreiben:
-
Der Aufruf ist doch schon drin im Beispiel - durch die Zuweisung der Referenz auf die Funktion an den Eventhandler, der sie dann ausführen wird.Zitat von Kangarooo Beitrag anzeigenKönntest du mir bitte sagen, wie du dann die function mit onload im Head-Bereich aufrufen würdest?
Du musst nur noch den im Beispiel leeren Funktionsrumpf mit Code füllen ... überraschenderweise genau an der Stelle, wo im Beispiel schon ein entsprechender Kommentar steht ...
Einen Kommentar schreiben:
-
Könntest du mir bitte sagen, wie du dann die function mit onload im Head-Bereich aufrufen würdest?
Einen Kommentar schreiben:
-
Ich finde script-Blöcke außerhalb des head-Elements doof (ist aber vermutlich Geschmackssache) und arbeite lieber mit window.onload, um die Dinge zu erledigen, die erst nach dem vollständigen Laden der Seite passieren dürfen.
Beispiel:
HTML-Code:<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <meta http-equiv="X-UA-Compatible" content="IE=8" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="irgendeineLibrary.js"></script> <script type="text/javascript">/*<![CDATA[*/ window.onload = function () { // hier der Code der ausgeführt werden soll, wenn die Seite vollständig geladen ist. }; /*]]>*/</script> <title>...</title> </head> <body> ... </body> </html>
Zuletzt geändert von AmicaNoctis; 07.03.2011, 14:04.
Einen Kommentar schreiben:
-
Ähhhh...! Mh.
Also ich habe erst das Input Feld erzeugt, und weiter unten kommt dann erst der Teil von ExtJS. Ist das nicht richtig?
Einen Kommentar schreiben:
-
Hallo,
mal wieder der übliche Versuch, auf Elemente zuzugreifen, die noch gar nicht existieren? Du darfst den Code erst ausführen, wenn window.onload gefeuert wurde (oder später).
Gruß,
Amica
Einen Kommentar schreiben:
-
Input-Feld mit ExtJS-Eigenschaften
Hallo!
Ich habe ein normales Input-Field:
Nun möchte ich das Feld mit Eigenschaften von ExtJS belegen, leider klappt das noch nicht so ganz, mein ExtJS sieht bis jetzt so aus:PHP-Code:<input type='text' class='half' name='umsatz' value='' id='umsatz' />
Kann mir da jemand weiterhelfen, was da noch nicht passt? Leider werden die Eigenschaften nicht angenommen!PHP-Code:<script type="text/javascript">
var number = new Ext.form.NumberField({
allowDecimals : true,
allowNegative : false,
minValue : 0;
emptyText:'Wert in Euro eingeben...',
selectOnFocus:true,
});
number.applyTo('umsatz');
</script>
Stichworte: -
Einen Kommentar schreiben: