Instanzierung und Methoden zuweisen - Seite 2

elf · 11.09.2011, 15:57

Hallo nikosch!

Zitat:

1) „makeRed“ macht eine AUssage über Wirkung, nicht Funktion. markInvalid() o.ä. wäre treffender.

Ja, das ist mir bewusst. Das Beispiel war, wie gesagt, schlecht gewählt. Ich bin ansonstent sehr bemüht semantisch korrekt zu bleiben, bei meinen CSS Klassen, etc.
Unter diesem Gesichtspunkt wäre eine Methode FormElement.activateInput() vielleicht auch aussagekräftiger als FormElement.showInput().

Zitat:

2) Das Verhalten fest einzubauen halte ich für falsch. Die m.E. eleganteste Methode ist immer noch, class-Attribut zuweisen, (z.B. „invalid“) und mit CSS weiterstylen. Zugegeben, wenn zusätzliches HTML benötigt wird, ist das nur begrenzt möglich. Aber dann würde ich überlegen, diese Struktur gleich auszuliefern und bei Nicht-Bedarf auszublenden.

Ja, das versuch ich auch. Allerdings versteh ich nicht, was Du mit 'zusätzlichem HTML' meinst. Meinst du Markup, dass mit JavaScript erstellt wird? Das will ich grundsätzlich vermeiden.

Zitat:

Dann benutze die doch auch zum Selektieren der Elemente, Zuweisen von Styles/Klassen usw. Ist doch sonst verschwendete Performance.

jQuery macht einem das Leben in dieser Hinsicht so leicht, dass ich nicht das Bedürfniss habe zu document.getElementByX() zurückzukehren.

Vielen Dank!

nikosch · 11.09.2011, 23:00

Zitat:

Allerdings versteh ich nicht, was Du mit 'zusätzlichem HTML' meinst. Meinst du Markup, dass mit JavaScript erstellt wird? Das will ich grundsätzlich vermeiden.

Ich meine, dass man bspw. eine Fehlermeldung als Reaktion auf eine Falscheingabe nicht über CSS abbilden kann. Wohl oder übel muss man hier den Pfad der reinen Lehre (Layer) verlassen und logisch schon vorbauen.

elf · 11.09.2011, 23:24

Zitat:

Zitat von nikosch

Ich meine, dass man bspw. eine Fehlermeldung als Reaktion auf eine Falscheingabe nicht über CSS abbilden kann. Wohl oder übel muss man hier den Pfad der reinen Lehre (Layer) verlassen und logisch schon vorbauen.

Ich persönlich habe das so gelöst, dass ich onBlur einen Ajax Request sende und mir nach Belieben das gesamte Element / Sub-Form mit Fehlermeldungen und zusätzlichem Markup zurücksenden lasse. Dann tausche ich die Nodes aus.
Das heißt die Fehlermeldungen kommen vom Server, der ja sowieso die Validierung übernimmt.

Das mag allerdings nicht in jedem Fall funktionieren.

xm22 · 12.09.2011, 10:59

Zum Thema insgesamt kann ich sagen, dass die Zuweisung von Eigenschaften und Methoden zu DOM-Elementen gar nicht schlecht ist. Ich mache das teilweise bei Applikationen so, wo z. B. DOM-Objekte Datensätze repräsentieren. Die können dann z. B. Informationen bekommen, die man woanders verwenden kann, ohne Umwege über Elemente zu nehmen, die mittels display: none ausgeblendet werden müssen. So kann man z. B. Inhalte, die in einem Tooltipp angezeigt werden sollen, dem jeweiligen Element zuweisen. jQuery stellt dazu direkt einen Warapper .data zur Verfügung, aber meiner Erfahrung nach geht es auch so.

PHP-Code:

  jQuery('..selector...').get(0).eigenschaft = wert

Allerdings muss man sich im Klaren sein, dass das dann keine "Tag-Attribute" sind. Dafür ist etwas mehr Aufwand notwendig.

rudygotya · 13.09.2011, 14:53

@ xm22: Dabei riskierst du memleaks, während data sauber aufräumt, den Zugriff cached und den Wert für alle Elemente setzt. Zudem kann dein jQuery Objekt mehr als ein Element beinhalten.

@TE: Für Objekte, die du - auch zur Laufzeit - erweitern willst, kannst du dir mit mixins behelfen, ich bedien mich mal am source von underscore.js (http://documentcloud.github.com/underscore/):

PHP-Code:

    // Add your own custom functions to the Underscore object, ensuring that
  // they're correctly added to the OOP wrapper as well.
  _.mixin = function(obj) {
    each(_.functions(obj), function(name){
      addToWrapper(name, _[name] = obj[name]);
    });
  };

_.mixin({
  capitalize : function(string) {
    return string.charAt(0).toUpperCase() + string.substring(1).toLowerCase();
  }
});
_("fabio").capitalize();
//=> "Fabio"

Allerdings können mixins auch schnell zu undurchsichtigem Code führen, von dem her mit Vorsicht genießen.

Klassische Vererbung mit jQuery:

PHP-Code:

  var parent = function () {};
parent.prototype = {
    foo : function () {
    }
};

var child = function () {};
child.prototype =  $.extend( true, {}, parent.prototype, {
    childMethod1 : function () {},
    childMethod2 : function () {}
} );

Oder alternativ per Object.create( https://developer.mozilla.org/en/Jav.../Object/create ).

Pseudo-classical inheritance a la MooTools/Prototype, Base.js etc. können dir auch diese Arbeit abnehmen.

Ich seh das auch so, wie es ChrisB schon angerissen hat. jQuery macht es einem sehr leicht, den DOMNode in den Fokus zu rücken, allerdings hat ein Model erstmal nichts mit einem DOMNode zu tun. Eine View/ ein Widget oder wie auch immer du das nennen magst, muss mit dem DOM arbeiten, der Scope des Widgets allerdings sollte die Instanz des Widgets sein und nicht der DOMNode/jQuery selbst.

Grüße

Basti

nikosch · 13.09.2011, 15:26

Ich finde data auch besser. Schon weil man das auch HTML-seitig vorbelegen kann.

Alternative kapsele ich Funktionalitäten, indem ich DOM-Node und Properties in einem gemeinsamen Objekt wrappe.

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
Namensschema für Methoden einer Klasse ("Best Practise")	dreamcatcher	Software-Design	11	14.06.2011 14:43
Wohin mit methoden	BlackScorp	Software-Design	9	24.03.2011 16:37
[Erledigt] IF Bildvariable einer Tabelle zuweisen	headbannger83	Scriptbörse	8	06.01.2011 14:32
[Erledigt] Objekt mit statischen Methoden	hts	JavaScript, Ajax und mehr	3	18.12.2010 21:07
[Erledigt] Letzer Datensatz - andere CSS Klasse zuweisen	greenslot	PHP Tipps 2010	7	10.08.2010 12:06
Objekte verwenden gleiche Methoden	Cube	PHP Tipps 2010	2	21.04.2010 09:25
[Erledigt] value in radiobutton variable zuweisen	FreddyS	PHP Tipps 2009	7	01.09.2009 23:22
[Erledigt] Selectfeld in Php einer Klasse zuweisen	Mitch26	PHP Tipps 2009	2	01.04.2009 12:24
Kindklasse: Methoden über _call() ergänzen?	ciss	PHP Tipps 2008	2	29.12.2008 18:08
[Erledigt] Methoden auf Objekt aufrufen (und fangen), die nicht existieren	tsisson	PHP Tipps 2008	2	07.10.2008 18:19
UML - Abstrakte und vererbte Methoden zwingend anzugeben?	MaMo-Net	Off-Topic Diskussionen	3	17.03.2008 06:04
Zugriff auf statische methoden oder konstanten	nightfreak	PHP-Fortgeschrittene	6	14.11.2005 16:56
klassen und methoden anderer klassen in methoden....		PHP Tipps 2005	17	25.05.2005 09:46
Variablen Namen zuweisen	dh1sbg	PHP Tipps 2004-2	3	12.11.2004 17:12
if abfragen eine Variable zuweisen		PHP Tipps 2004	6	10.07.2004 17:35


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

12.09.2011, 10:59
xm22 Erfahrener Benutzer Registriert seit: 30.07.2008 Beiträge: 1.167 PHP-Kenntnisse: Fortgeschritten	Zum Thema insgesamt kann ich sagen, dass die Zuweisung von Eigenschaften und Methoden zu DOM-Elementen gar nicht schlecht ist. Ich mache das teilweise bei Applikationen so, wo z. B. DOM-Objekte Datensätze repräsentieren. Die können dann z. B. Informationen bekommen, die man woanders verwenden kann, ohne Umwege über Elemente zu nehmen, die mittels display: none ausgeblendet werden müssen. So kann man z. B. Inhalte, die in einem Tooltipp angezeigt werden sollen, dem jeweiligen Element zuweisen. jQuery stellt dazu direkt einen Warapper .data zur Verfügung, aber meiner Erfahrung nach geht es auch so. PHP-Code: `jQuery('..selector...').get(0).eigenschaft = wert` Allerdings muss man sich im Klaren sein, dass das dann keine "Tag-Attribute" sind. Dafür ist etwas mehr Aufwand notwendig.

13.09.2011, 14:53
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	@ xm22: Dabei riskierst du memleaks, während data sauber aufräumt, den Zugriff cached und den Wert für alle Elemente setzt. Zudem kann dein jQuery Objekt mehr als ein Element beinhalten. @TE: Für Objekte, die du - auch zur Laufzeit - erweitern willst, kannst du dir mit mixins behelfen, ich bedien mich mal am source von underscore.js (http://documentcloud.github.com/underscore/): PHP-Code: `// Add your own custom functions to the Underscore object, ensuring that // they're correctly added to the OOP wrapper as well. _.mixin = function(obj) { each(_.functions(obj), function(name){ addToWrapper(name, _[name] = obj[name]); }); }; _.mixin({ capitalize : function(string) { return string.charAt(0).toUpperCase() + string.substring(1).toLowerCase(); } }); _("fabio").capitalize(); //=> "Fabio"` Allerdings können mixins auch schnell zu undurchsichtigem Code führen, von dem her mit Vorsicht genießen. Klassische Vererbung mit jQuery: PHP-Code: `var parent = function () {}; parent.prototype = { foo : function () { } }; var child = function () {}; child.prototype = $.extend( true, {}, parent.prototype, { childMethod1 : function () {}, childMethod2 : function () {} } );` Oder alternativ per Object.create( https://developer.mozilla.org/en/Jav.../Object/create ). Pseudo-classical inheritance a la MooTools/Prototype, Base.js etc. können dir auch diese Arbeit abnehmen. Ich seh das auch so, wie es ChrisB schon angerissen hat. jQuery macht es einem sehr leicht, den DOMNode in den Fokus zu rücken, allerdings hat ein Model erstmal nichts mit einem DOMNode zu tun. Eine View/ ein Widget oder wie auch immer du das nennen magst, muss mit dem DOM arbeiten, der Scope des Widgets allerdings sollte die Instanz des Widgets sein und nicht der DOMNode/jQuery selbst. Grüße Basti __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog Geändert von rudygotya (13.09.2011 um 18:11 Uhr). Grund: code beispiel korrigiert

13.09.2011, 15:26
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ich finde data auch besser. Schon weil man das auch HTML-seitig vorbelegen kann. Alternative kapsele ich Funktionalitäten, indem ich DOM-Node und Properties in einem gemeinsamen Objekt wrappe. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --