How to handle nested repeating regions in Dreamweaver TBBs in SDL Tridion 2011 SP1

Question

I am working on DWT TBB in SDL Tridion 2011 SP1.

I have a embedded field "body" which is multivalued. In this embedded field I have one more simple Text field "value", which is again multivalued.

To render the "value" field I have to use two repeating loops.

But I am unable to differentiate the Indeces of the both loops.

I have written as follows.

<!-- TemplateBeginRepeat name="Component.Fields.body" -->
    <!-- TemplateBeginRepeat name="Component.Fields.body[${TemplateRepeatIndex}].value" -->
    <div>@@RenderComponentField("Fields.body[${TemplateRepeatIndex}].value", TemplateRepeatIndex)@@ </div>
    <!-- TemplateEndRepeat -->
<!-- TemplateEndRepeat -->

I am unable to render the fields.

Can any one help how to handle multiple nested regions in DWT TBB.

Thank you.

Your problem is in trying to access the current field with TemplateRepeatIndex as Neil says. I'll write up a minimal sample in a separate answer (since that allows me to include formatting). — Frank van Puffelen, Apr 25 '12 at 19:14

Frank van Puffelen · Accepted Answer · 2012-06-17T20:56:10.720

The Tridion practice page that Neil referred to is a good reference. But that page shows how to generically iterate over all embedded fields. In cases where you know the field name, things get a bit easier. In you case, this is all that is needed in your DWT:

<!-- TemplateBeginRepeat name="body" -->
    <!-- TemplateBeginRepeat name="Field.value" -->
        <div>@@RenderComponentField(FieldPath+".value", 
                                               TemplateRepeatIndex)@@ </div>
    <!-- TemplateEndRepeat -->
<!-- TemplateEndRepeat -->

Line by line:

Iterate over the values of the body field of your Component
Iterate over the values of the value subfield of your body embeddable schema
At this stage the FieldPath refers to the current body value, so body[0], body[1], etc. and TemplateRepeatIndex is the index of the current value. So we can construct the correct RenderComponentField call with this knowledge.

Example

I have a Component with two body fields, each with two value fields. So the XML is:

<Content xmlns="uuid:8841d68e-7b1b-45cd-a6d6-7e7da5de3ef9">
    <body>
        <value>body1.value1</value>
        <value>body1.value2</value>
    </body>
    <body>
        <value>body2.value1</value>
        <value>body2.value2</value>
    </body>
</Content>

The output from the above DWT on this Component is:

<div><tcdl:ComponentField name="body[0].value"
                          index="0">body1.value1</tcdl:ComponentField></div>
<div><tcdl:ComponentField name="body[0].value" 
                          index="1">body1.value2</tcdl:ComponentField></div>
<div><tcdl:ComponentField name="body[1].value" 
                          index="0">body2.value1</tcdl:ComponentField></div>
<div><tcdl:ComponentField name="body[1].value" 
                          index="1">body2.value2</tcdl:ComponentField></div>

Debugging these situations

Many people have problems writing constructs like these. I am no exception, I have just found that I can get most cases working by knowing that the crucial variables are: Field, FieldPath and TemplateRepeatIndex. When in doubt, simply embed this fragment into your DWT inside every TemplateBeginRepeat.

(FieldPath=@@FieldPath@@, TemplateRepeatIndex=@@TemplateRepeatIndex@@)

score 5 · Answer 2 · answered Apr 25 '12 at 07:53

5

Does the FieldPath variable not help you here?

See the Tridion Practice site for an example of iterating over multivalue embedded fields.

answered Apr 25 '12 at 07:53

Neil

2,688
1
23
32

I tried with FieldPath variable. But still no reslult. aaa aa
@@RenderComponentField(FieldPath, TemplateRepeatIndex)@@
– Patan Apr 25 '12 at 08:52
You are right Neil, the problem is in not following that example correctly. I'll write up how to do this in a separate example. – Frank van Puffelen Apr 25 '12 at 19:14

score 3 · Answer 3 · answered Apr 25 '12 at 06:35

As you noticed already, you cannot use the outer loop index inside the inner loop. The inner loop index will hide the outer loop index. Therefore, you need a workaround. I can think of 2 that I used in the past:

Use a C# TBB (either assembly or fragment) to generate the output. This is not a very nice solution, but it is practical. You could at least generate the output of the inner loop and store the individual values in Package variables. Then in the outer loop you can simply iterate over the values and include them in the output. Example: create variables called body_0, body_1, etc. Then output them inside the outer loop using @@body_${TemplateRepeatIndex}@@
Use Dreamweaver functions to simulate the inner loop index. You can have a function to Set a Package item variable, and one to Increment it. Then use this variable inside the loops. Example:

<!-- TemplateBeginRepeat name="Component.Fields.body" -->
    @@Set("i", 0)@@
    <!-- TemplateBeginRepeat name="Component.Fields.body[${i}].value" -->
        <div>@@Component.Fields.body[${i}].value[${TemplateRepeatIndex}]</div>
    <!-- TempalteEndRepeat -->
    @@Increment("i")@@

You will have to write the Set and Increment DWT functions yourself to store and increment a value in the Package.

Thank you for the info. Can you also help me out in writing increment functiions in DWT — Patan, Apr 25 '12 at 06:56
The SDL Live documentation provides a good section on how to implement custom fucntions. Also there is an example by Nickoli Roussakov here: http://www.tridiondeveloper.com/get-and-set-variables-in-dwts — Dave Houlker, Apr 25 '12 at 07:32
No custom function nor a custom TBB is needed to accomplish this. See my answer and upvote it if you agree. — Frank van Puffelen, Apr 25 '12 at 19:42

Siva Charan · Answer 4 · 2012-04-25T10:56:34.897

1

Try this way:-

<!-- TemplateBeginRepeat name="Component.Fields.body" -->
    @@Push("PrimaryIndex", TemplateRepeatIndex)@@
    <!-- TemplateBeginRepeat name="Component.Fields.body[${PrimaryIndex}].value" -->
            @@Push("SecondaryIndex", TemplateRepeatIndex)@@
            <div>@@RenderComponentField("Fields.body[${PrimaryIndex}].value", ${SecondaryIndex})@@ </div>
    <!-- TemplateEndRepeat -->
<!-- TemplateEndRepeat -->

UPDATE 1:

Just I got an idea on this. How about doing this way?

<!-- TemplateBeginRepeat name="Component.Fields.body" -->
    <!-- TemplateBeginRepeat name="value" -->               
            <div>@@Field@@</div> 
    <!-- TemplateEndRepeat -->
<!-- TemplateEndRepeat -->

Without using any TemplateRepeatIndex

edited Apr 25 '12 at 10:56

answered Apr 25 '12 at 06:25

Siva Charan

17,940
9
60
95

I am getting the error like Push function is not available. Can you help me in overcoming this error. – Patan Apr 25 '12 at 06:58
I think Push must be a Custom function Siva is using. It is not available by default. – Dave Houlker Apr 25 '12 at 07:26
@DaveHoulker: Push is a custom function. – Siva Charan Apr 25 '12 at 10:55
@Siva Charan. I think it will not allow us to implement site edit function. Correct me if I am wrong – Patan Apr 25 '12 at 12:09
@Siva: you are really close with that last example. The only think needed is a @@RenderComponentField(FieldPath, TemplateRepeatIndex)@@ in that inner
. I'll write it up in a separate answer.
– Frank van Puffelen Apr 25 '12 at 19:17

Shahid Eqamuddin · Answer 5 · 2013-03-20T17:33:45.310

For those who are using Tridion 2009 without SP1 version (like our customer), 'FieldPath' variable cannot be used as suggested in the earlier answers. But there is a simple way to achieve this in DWT itself as given below in the example code:

    <!-- TemplateBeginRepeat name="Component.body" -->
        <!-- TemplateBeginRepeat name="Field.value" -->
         <div> @@Field@@> </div>
        <!-- TemplateEndRepeat -->
    <!-- TemplateEndRepeat -->

How to handle nested repeating regions in Dreamweaver TBBs in SDL Tridion 2011 SP1

5 Answers5

Example

Debugging these situations

UPDATE 1:

Linked