Skip to main content

JQuery Templates - too much recursion



I am using jquery templates to generate a tree structure to later display as a treeview of sections and items.





The structure of data looks like this, where each section has items and sections and each item can have more sections:







section

items

item

sections

item

sections

sections

section

sections

items



...and so on







My templates then recursively call each other:







<script id="my-item-tmpl" type="text/x-jquery-tmpl">

<li>

<span>${text}</span>

<ul>

{{each sections}}

{{tmpl($value) "sectionTmpl"}}

{{/each}}

</ul>

</li>

</script>



<script id="my-section-tmpl" type="text/x-jquery-tmpl">

<li>

<span>${text}</span>

<ul>

{{each items}}

{{tmpl($value) "itemTmpl"}}

{{/each}}



{{each sections}}

{{tmpl($value) "sectionTmpl"}}

{{/each}}

</ul>

</li>

</script>









$("#my-item-tmpl").template('itemTmpl');

$("#my-section-tmpl").template('sectionTmpl');





$.tmpl('sectionTmpl', { section }).appendTo(this);







I am finding however with around 4 levels into the structure I receive a "too much recursion " error in my console.





Is this just a limitation of the jQuery Template engine?





Edit:





I've resolved this by removing the {{each}} and replacing it with a {{tmpl}} call. The {{each}} was not needed. I have also wrapped each {{tmpl}} call in an {{if}} to ensure the collection exists.



Source: Tips4all

Comments

  1. Javascript has a recursion limit of about 1000 levels; with the structure you're using you probably shouldn't be hitting that, though.

    "My templates then recursively call each other"

    The markup makes my head hurt, so I'm having some difficulty reading the code (my problem, not yours), but any time I've hit the stack limit on recursion for anything, it has either been because I'm intentionally stressing something with deep recursion, or because I've got a circular reference somewhere so that my recursion never terminates.

    So, in general: make sure there's a way for your function to complete, instead of creating new instances of itself forever.

    ReplyDelete

Post a Comment

Popular posts from this blog

Slow Android emulator

I have a 2.67 GHz Celeron processor, 1.21 GB of RAM on a x86 Windows XP Professional machine. My understanding is that the Android emulator should start fairly quickly on such a machine, but for me it does not. I have followed all instructions in setting up the IDE, SDKs, JDKs and such and have had some success in staring the emulator quickly but is very particulary. How can I, if possible, fix this problem?

CCNA 3 Final Exam => latest version

1 . Which security protocol or measure would provide the greatest protection for a wireless LAN? WPA2 cloaking SSIDs shared WEP key MAC address filtering   2 . Refer to the exhibit. All trunk links are operational and all VLANs are allowed on all trunk links. An ARP request is sent by computer 5. Which device or devices will receive this message? only computer 4 computer 3 and RTR-A computer 4 and RTR-A computer 1, computer 2, computer 4, and RTR-A computer 1, computer 2, computer 3, computer 4, and RTR-A all of the computers and the router   3 . Refer to the exhibit. Hosts A and B, connected to hub HB1, attempt to transmit a frame at the same time but a collision occurs. Which hosts will receive the collision jamming signal? only hosts A and B only hosts A, B, and C only hosts A, B, C, and D only hosts A, B, C, and E   4 . Refer to the exhibit. Router RA receives a packet with a source address of 192.168.1.65 and a destination address of 192.168.1.161...