{"id":51,"date":"2011-06-23T15:26:48","date_gmt":"2011-06-23T13:26:48","guid":{"rendered":"http:\/\/hasselba.ch\/blog\/?p=51"},"modified":"2011-06-23T16:14:32","modified_gmt":"2011-06-23T14:14:32","slug":"dojos-stolpersteine","status":"publish","type":"post","link":"https:\/\/hasselba.ch\/blog\/?p=51","title":{"rendered":"Dojo’s Stolpersteine"},"content":{"rendered":"

Das Dojo Toolkit enth\u00e4lt jede Menge interessanter und n\u00fctzlicher Funktionen, z.B. dojo.fieldToObject()<\/a>. Die Funktion ist sehr praktisch, da sie die Inhalte eines beliebigen Feldes in einen String bzw. einen Array konvertiert, ohne da\u00df man sich um den Feldtyp k\u00fcmmern mu\u00df.<\/p>\n

Es gibt nur eine Besonderheit zu beachten: Zwar wird das jeweilige HTML-Element \u00fcber die id referenziert, doch aus mir unerkl\u00e4rlichen Gr\u00fcnden (siehe unten) mu\u00df bei dem jeweiligen Feld das name-Attribut gesetzt sein, sonst liefert die Funktion null zur\u00fcck.<\/p>\n

<input type=\"text\" id=\"ID\"<\/strong> value=\"VALUE\" name=\"NAME\"<\/strong><\/span> \/>\r\n\r\n<script type=\"text\/javascript\">\r\n dojo.addOnLoad( function(){\r\n var f = dojo.fieldToObject(\"ID\"<\/strong>);\r\n alert( f );\r\n });\r\n<\/script><\/pre>\n
[Fett hervorgehoben: id \u00fcber die referenziert wird, und das n\u00f6tige name-Attribut in rot.]<\/em><\/p>\n
Dieses Verhalten ist bei allen Dojo-Varianten gleich (aktuelle Version 1.6).<\/p>\n
 <\/p>\n
Warum ist das so?<\/span><\/h4>\n
Wirft man einem Blick auf die Implementierung der Funktion, so wird das name-Attribut vorausgesetzt, sonst wird das Item nicht vearbeitet:<\/p>\n
dojo.fieldToObject = function(\/*DOMNode||String*\/ inputNode<\/strong>){\r\n \/\/ summary:\r\n \/\/\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 Serialize a form field to a JavaScript object.\r\n \/\/\r\n \/\/ description:\r\n \/\/\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 Returns the value encoded in a form field as\r\n \/\/\u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 as a string or an array of strings. Disabled form\r\n \/\/        elements and unchecked radio and checkboxes are skipped. \r\n \/\/        Multi-select elements are returned as an array of string\r\n \/\/        values.\r\n var ret = null;\r\n var item = _d.byId(inputNode);<\/strong>\r\n if(item){\r\n var _in = item.name;<\/strong><\/span>\r\n var type = (item.type||\"\").toLowerCase();\r\n if(_in<\/strong><\/span> && type && !item.disabled){\r\n if(type == \"radio\" || type == \"checkbox\"){\r\n if(item.checked){ ret = item.value }\r\n }else if(item.multiple){\r\n ret = [];\r\n _d.query(\"option\", item).forEach(function(opt){\r\n if(opt.selected){\r\n ret.push(opt.value);\r\n }\r\n });\r\n }else{\r\n ret = item.value;\r\n }\r\n }\r\n }\r\n return ret; \/\/ Object\r\n }<\/pre>\n
[Fett hervorgehoben: Die Referenzierung erfolgt die Dojo-interne Funktion dojo.byId<\/a>. In Rot die \u00dcberpr\u00fcfung des name-Attributes.]<\/em><\/p>\n
In meinen Augen gibt es keinen Grund f\u00fcr diese \u00dcberpr\u00fcfung bzw. das Abbrechen, wenn kein name-Attribut vorhanden ist. \u00c4ndert man die Funktion ab und wirft diese \u00dcberpr\u00fcfung raus, bereitet das keinerlei Probleme.<\/p>\n
Was auch immer sich die Entwickler hierbei gedacht haben, der Sinn erschlie\u00dft sich mir leider nicht. Aber ich lassen mich gerne eines besseren belehren…<\/p>\n","protected":false},"excerpt":{"rendered":"
Das Dojo Toolkit enth\u00e4lt jede Menge interessanter und n\u00fctzlicher Funktionen, z.B. dojo.fieldToObject(). Die Funktion ist sehr praktisch, da sie die Inhalte eines beliebigen Feldes in einen String bzw. einen Array konvertiert, ohne da\u00df man sich um den Feldtyp k\u00fcmmern mu\u00df. … Weiterlesen →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,75,9],"tags":[8,7,4,12,3],"class_list":["post-51","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-dojo","category-javascript","tag-dojo","tag-domino","tag-js","tag-web","tag-xpages"],"_links":{"self":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/51","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=51"}],"version-history":[{"count":14,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/51\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=\/wp\/v2\/posts\/51\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=51"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=51"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasselba.ch\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}