Ability to use 'at' on snippets about enfocus HOT 5 CLOSED

Not sure I can fix this. Defsnippet and Deftemplate return DocumentFragments(DF) objects. you can perform some actions on but not all. The DF object has to be added to the live dom to do all actions on it. I do this during creation of the fragment in the defsnippet but I have to detach it when I return it to you.

What type of logic are you having trouble integrating into a defsnippet. Can you give me more examples this logic. Below is an example of bundling the logic you show in your code example.

(em/deftemplate sn "..." [id]
    ["_TMP_ID"] (em/set-attr :id id))

or

(em/deftemplate sn "..." [id class]
    [class] (em/set-attr :id id))

from enfocus.

I'm trying to use some rich control structures, like this (pseudocode):

(em/deftemplate sn "..." [id]
  (let [style (f ...)
        smth (g ...)]
    (if (and x y)
      (transform ["_TMP_ID"] (em/set-attr :id id))
      identity)))

from enfocus.

@tonsky,
Transformations like this are best encapsulated in a custom transform. This allows you to have much more freedom in how you structure things and also allows you to use "at" inside a template. Below is some sample code.

(defn my-cust-trans [id]
   (em/trans [node] 
      (let [style (f ...)
            smth (g ...)]
          (if (and x y)
             (at node (em/set-attr :id id))
             (at node
                 [".class"] (em/...)
                 ["#id"] (em/....))
             node))))

(em/deftemplate sn "..." [id]
  ["#TOP_LEVEL_ID"]  (my-cust-trans id))

from enfocus.

@ckirkendall Thanks for advise, this will work great!

BTW, may be this may help: if you wrap documentFragment in div, it support most of usual document functions. Google Closure is doing something like this: http://closure-library.googlecode.com/svn/docs/closure_goog_dom_dom.js.source.html#line797

I've run quick test in webkit and it seems working for me:

var fragment = document.createDocumentFragment();
var div = document.createElement('div');
div.innerHTML = "abc <em>xyz</em> zer";
fragment.appendChild(div);
// fragment.getElementsByTagName('em'); // fails
fragment.childNodes[0].getElementsByTagName('em');

Maybe this is the way to go?

from enfocus.

@tonsky This is the method I use to allow you to manipulate the snippet during creation. I have to detach it to make sure what I hand back is the snippet and only the snippet. Another step you have to do to get all the methods is to attach it to the live dom. I do this also during creation.

from enfocus.