Geek asks and answers

Is there a jquery template number or index?

today, my elder told me to use a jquery template. but I do not know about it. I would like to use varStatus in a jquery template, but I don’t know, nor do I know that this function exists.

**<!--this is JSTL style loop-->**
<c:forEach var="item" items="${menuItems}" varStatus="status">
<div class="tbtn" data-z_index="${99-status.count}"> //<--This line has loop count
    <div id="${item.m_id}" class="tab_non">
        <div class=left></div>
        <div class=right></div>
        <div class=bg>
            <div class=icon></div>
            <div class=font id=topbutton>${item.m_id}</div>
        </div>
        <div class="close"></div>
    </div>
</div>
</c:forEach>

This is a jquery template style loop

<script id="topMenuTemplate" type="text/x-jQuery-tmpl">
{{if data}}
{{each data}}
<div class="tbtn" data-z_index="${loop??}"> //<--I need to use loop count here too!!
    <div id="${name}" class="tab_non">
        <div class=left></div>
        <div class=right></div>
        <div class=bg>
            <div class=icon></div>
            <div class=font id=topbutton>${name}</div>
        </div>
        <div class="close"></div>
    </div>
</div>
{{/each}}
{{/if}}
</script>
+3
source share
1 answer

Starting with version 1.4.3 you have access to index:

{{each( index, value ) collection}} content {{/each}}

Note. indexhere is just a custom string value that you would like to use instead index, but jQuery will default $indexto the current index value.

<li>
    Title: ${Name}.
    {{each Languages}}
        ${$index + 1}: <em>${$value}. </em>
    {{/each}}
</li>

So, in your example, ${loop}you can use a variable instead $index:

<div class="tbtn" data-z_index="${index}">

Source: http://api.jquery.com/template-tag-each/

+3
source

More articles:


All Articles