Using jquery within jquery Templates, is this possible?

Question

I want to perform an if check with in jquery template:

jquery template

<script id="CardWallItem" type="text/x-jquery-tmpl">
    <div id="lc${ProductId}" class="card">
        <input class="ItemId" type="hidden" value="${CardId}"/>
        <a href="" class="oCloseButton" onclick="return $$.laneItems.deleteLane(this);">x</a>
        if($.parent().find('.ItemId').val() == ${EntityId}){
        <p class="text" onclick="return $$.laneItems.editCard(this);">${Desc}</p> 
        <div class="edit bg" style="display:none;">
            <input class="editval" type="text" maxlength="20" />
            <a class="button" href="" onclick="return $$.laneItems.saveTitle(this);">Save</a> 
        </div>
        }
    </div>
    <br /><br />
</script>

and as you can see the if check in between, this one:

if($.parent().find('.ItemId').val() == ${EntityId}){
            <p class="text" onclick="return $$.laneItems.editCard(this);">${Desc}</p> 
            <div class="edit bg" style="display:none;">
                <input class="editval" type="text" maxlength="20" />
                <a class="button" href="" onclick="return $$.laneItems.saveTitle(this);">Save</a> 
            </div>
            }

as the output of this is that it is printing whole if statement on page. So can anyone please tell me what I should do?

Jan · Accepted Answer · 2011-09-15 10:11:08Z

2

The syntax of conditionals in jquery templates is different:

{{if CONDITION}}

{{else}}

{{/if}}

See the documentation of the if template tag.

answered Sep 15, 2011 at 10:11

Jan

16.1k5 gold badges38 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Safran Ali Over a year ago

{{ if($.parent().find('.ItemId').val() == ${EntityId}) }} some code {{/if}}, is this correct?

Jan Over a year ago

I'm not sure that you can access the dom there. Give it a try.

Safran Ali · Accepted Answer · 2011-12-18 10:19:33Z

2

JQuery template itself is any HTML markup, along with any of a set of template tags which enable some very rich scenarios for creating data-driven UI. The current set of tags that are supported in jQuery templates are:

- ${...}: Evaluate fields or expression
- {{each ...}}...{{/each}}: Iterate without creating template items
- {{if ...}}...{{else ...}}...{{/if}}: Conditional sections
- {{html ...}}: Insert markup from data
- {{tmpl ...}}: Composition, as template items
- {{wrap ...}}...{{/wrap}}: Composition, plus incorporation of wrapped HTML

And for more details and example please visit here.

answered Dec 18, 2011 at 10:19

Safran Ali

4,5079 gold badges44 silver badges58 bronze badges

Collectives™ on Stack Overflow

Using jquery within jquery Templates, is this possible?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related