[Erledigt] Properties werden in jQuery bei change-Aufruf

Young Jedi · 05.01.2011, 10:13

Hallo, ich bin in JS nicht gerade die Leuchte, deshalb hoffe ich, dass mir jemand helfen kann.

PHP-Code:

  Klasse = function(){
        this.foo = null;

        this.func1 = function(){
            alert(this.foo);
        }

        this.bind = function(element){
            $(element).change(this.func1);
            $($(element)[0]).change();
        }
}

// Woanders: 

    klasse = new Klasse();
    klasse.foo= 'bar';
        
    klasse.bind($("#element"));

Jetzt gibt er "undefinied" anstatt "bar" aus. Ich vermute, dass passiert, weil er sich aufgrund von $(element).change(this.func1); in einem anderen Kontext befindet und eine neue Instanz der Klasse erzeugt wird!? Aber einen Lösungsweg finde ich leider dennoch nicht.

Chriz · 05.01.2011, 11:28

Was hast du denn vor?

rudygotya · 05.01.2011, 11:45

Wenn du den change Event feuern möchtest, schau dir mal $.trigger() an.

Falls du mit Klassen, Vererbung, etc. arbeiten möchtest, würde ich dir mootools Class-Implementierung ans Herz legen. Geht auch problemlos zusammen mit jQuery, falls du lieber jQuery-Selektoren/Events benutzt. Kannst dir dein mootools ja nach deinen Wünschen zusammenbasteln lassen.

Function.bind ist nach ECMA5 eigtl reserviert. Daher würde ich das nicht so benutzen.

grüße

Basti

Young Jedi · 05.01.2011, 11:45

@Chriz: Im Prinzip geht es darum das Elemente bei Änderung einen Ajax Request auslösen. Ich will zuerst das Element an das onchange knüpfen und dann den Request mittels func1 senden. Dazu sind aber auch gewisse Parameter nötig (foo könnte z.B. eni Teil der ZielURL des Requests sein) die vorher gesetzt werden müssten. Die Klasse hat auch noch ein paar weitere Methoden, die tun aber zu dem Problem nichts zur Sache

@rudygotya: Danke für den Tipp. Guck ich mir gleich mal an.

rudygotya · 05.01.2011, 11:50

BspCode (ungetestet):

PHP-Code:

  $('.sel').change(function () {
    $(this).trigger('myajaxEvent', [$(this).val()])
}).bind('myajaxEvent', function (val) {
    $.post(url, {"value" : val }, function () { 
        // callback
    })
});

Chriz · 05.01.2011, 11:55

Hallo,

also bei Änderungen ein AJAX abfeuern habe ich auch über Events gelöst und zwar mit erwähntem trigger() und bind(), so wie es rudygotya geschrieben hat. z.B. Kalendereintrag löschen im Haupt-<div> feuert/triggert ein "gf.calendar.update"-Event ab, rechts in einer Contentbox wird dann automatisch auch die kleine Kalendervorschau aktualisiert, weil die einen AJAX-Request für den selben Event (habs auf $('body') gelegt, weiß nicht ob es was allgemeineres/besseres gibt) registriert hat.

Young Jedi · 05.01.2011, 11:58

Perfekt. So klappt das ganze

Vielen Dank an euch!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jQuery, einem DOM-Knoten eine Payload anhängen	Chriz	JavaScript, Ajax und mehr	6	22.12.2010 15:31
[Erledigt] array nach Ajax Aufruf neu ausgeben	samij	PHP Tipps 2010	5	16.11.2010 13:35
jQuery - Text an Cursorposition einfügen	Koala	JavaScript, Ajax und mehr	5	11.11.2010 21:28
Bin noch ein Anfänger mit jquery bitte um hilfe	bomber007	JavaScript, Ajax und mehr	4	19.08.2010 23:34
jquery in AJAx aufruf + return	luks2com	JavaScript, Ajax und mehr	14	10.08.2010 10:34
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jquery: dialogbox funktioniert nicht	Dreamwatcher	JavaScript, Ajax und mehr	16	22.07.2010 18:22
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
jQuery Plug scroll to - wie einbetten?	mxxxx	JavaScript, Ajax und mehr	5	24.04.2010 18:12
variable mit onclick an php	drombusch	PHP Tipps 2009	8	30.08.2009 14:45
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
For Schleife mit jQuery	phpbeginner	JavaScript, Ajax und mehr	3	22.11.2008 22:35
ftp account erstellen in confixx umgebung		PHP-Fortgeschrittene	5	15.02.2006 20:41
2 verschachtelte while Schleifen. Großes Performanceproblem		Datenbanken	3	30.05.2005 12:52

05.01.2011, 10:13
Young Jedi Erfahrener Benutzer Registriert seit: 19.05.2008 Beiträge: 612 PHP-Kenntnisse: Fortgeschritten	[Erledigt] Properties werden in jQuery bei change-Aufruf Hallo, ich bin in JS nicht gerade die Leuchte, deshalb hoffe ich, dass mir jemand helfen kann. PHP-Code: `Klasse = function(){ this.foo = null; this.func1 = function(){ alert(this.foo); } this.bind = function(element){ $(element).change(this.func1); $($(element)[0]).change(); } } // Woanders: klasse = new Klasse(); klasse.foo= 'bar'; klasse.bind($("#element"));` Jetzt gibt er "undefinied" anstatt "bar" aus. Ich vermute, dass passiert, weil er sich aufgrund von $(element).change(this.func1); in einem anderen Kontext befindet und eine neue Instanz der Klasse erzeugt wird!? Aber einen Lösungsweg finde ich leider dennoch nicht. __________________ http://tippsgegenlangeweile.de


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

05.01.2011, 11:28
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Was hast du denn vor? __________________ "Nuschel ich?" - "Was?"

05.01.2011, 11:45
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Wenn du den change Event feuern möchtest, schau dir mal $.trigger() an. Falls du mit Klassen, Vererbung, etc. arbeiten möchtest, würde ich dir mootools Class-Implementierung ans Herz legen. Geht auch problemlos zusammen mit jQuery, falls du lieber jQuery-Selektoren/Events benutzt. Kannst dir dein mootools ja nach deinen Wünschen zusammenbasteln lassen. Function.bind ist nach ECMA5 eigtl reserviert. Daher würde ich das nicht so benutzen. grüße Basti __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

05.01.2011, 11:50
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	BspCode (ungetestet): PHP-Code: `$('.sel').change(function () { $(this).trigger('myajaxEvent', [$(this).val()]) }).bind('myajaxEvent', function (val) { $.post(url, {"value" : val }, function () { // callback }) });` __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog

05.01.2011, 11:55
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Hallo, also bei Änderungen ein AJAX abfeuern habe ich auch über Events gelöst und zwar mit erwähntem trigger() und bind(), so wie es rudygotya geschrieben hat. z.B. Kalendereintrag löschen im Haupt-<div> feuert/triggert ein "gf.calendar.update"-Event ab, rechts in einer Contentbox wird dann automatisch auch die kleine Kalendervorschau aktualisiert, weil die einen AJAX-Request für den selben Event (habs auf $('body') gelegt, weiß nicht ob es was allgemeineres/besseres gibt) registriert hat. __________________ "Nuschel ich?" - "Was?"

05.01.2011, 11:58
Young Jedi Erfahrener Benutzer Registriert seit: 19.05.2008 Beiträge: 612 PHP-Kenntnisse: Fortgeschritten	Perfekt. So klappt das ganze Vielen Dank an euch! __________________ http://tippsgegenlangeweile.de