jsrender si-sinon à l'aide de {{=propName}}

Je suis en train de sortir jsRender.

Ce que je veux faire:

JS modèle:

<script id="theaterTemplate" type="text/x-jquery-tmpl">
    {{* 
        if ("{{=theaterId}}" == getCurrentTheaterId()) {
    }}
        <a class="active" href="#">
    {{*
        } else {
    }}         
        <a href="#">           
    {{* } }}
        {{=theaterName}}
    </a>
</script>

Dans d'autres JS:

function getCurrentTheaterId() {
    return "523";
}

Fondamentalement, dans le modèle, si l'actuel théâtre de l'id dans l'itération correspond à ce qui est retourné par la fonction js, puis de définir la classe d'actifs. "{{=TheaterId}}" pauses dans la condition if. Je suppose que vous n'êtes pas autorisé à accéder à courant json propriétés dans la condition if.

Des idées sur comment faire cela?

J'espère que ça a du sens. Merci!

OriginalL'auteur Ian Davis | 2011-12-24

  1. 6

    Dans leur échantillon de programme qu'ils ont ce:

    $.views.allowCode = true;/

    http://borismoore.github.com/jsrender/demos/step-by-step/11_allow-code.html

    [Modifier]

    Vous avez de "raconter" jsRender à propos de la fonction externe. Voici un exemple de travail:

       <script type="text/javascript">
        function IsSpecialYear()
        {
             return '1998';
        }

        //tell jsRender about our function
        $.views.registerHelpers({ HlpIsSpecialYear: IsSpecialYear });

    </script>

    <script id="movieTemplate" type= "text/html">

        {{#if ReleaseYear == $ctx.HlpIsSpecialYear() }}
            <div style="background-color:Blue;">
        {{else}}
            <div>
        {{/if}}   
            {{=$itemNumber}}: <b>{{=Name}}</b> ({{=ReleaseYear}})
        </div>

    </script>

    <div id="movieList"></div>

<script type="text/javascript">

    var movies = [
        { Name: "The Red Violin", ReleaseYear: "1998" },
        { Name: "Eyes Wide Shut", ReleaseYear: "1999" },
        { Name: "The Inheritance", ReleaseYear: "1976" }
    ];

    $.views.allowCode = true;

    $("#movieList").html(
        $("#movieTemplate").render(movies)
    );

</script>

    [EDIT 2] plus compliqué condition booléenne:

        function IsSpecialYear(Year, Index)
    {
        if ((Year == '1998') && (Index == 1))
            return true;
        else
            return false;
    }

    //tell jsRender about our function
    $.views.registerHelpers({ HlpIsSpecialYear: IsSpecialYear });

</script>

<script id="movieTemplate" type= "text/html">

{{#if $ctx.HlpIsSpecialYear(ReleaseYear, $itemNumber)  }}
    <div style="background-color:Blue;">
{{else}}
    <div>
{{/if}}
    Désolé, je l'ai mentionné que j'ai déjà.
    J'ai édité mon post original avec des exemples de code.
    Merci Steve. De ma description, le {{=theaterId}} dans la condition if est la partie qui casse, pas la fonction. Grâce tho.
    Je pourrais essayer de votre chemin tho, avec juste le faire {{#if vs. faire mon original {{* si...
    J'aime votre façon de mieux! Savez-vous si il est possible de le faire {{#si ReleaseYear == $ctx.HlpIsSpecialYear() && $itemNumber == 1 }} ? Je n'ai pas eu de chance encore à faire des "&&" ou "||" dans la #si la condition. Merci beaucoup!!!

    OriginalL'auteur Steve Wellens

  2. 2

    && n'a pas été pris en charge jusqu'à la récente bêta candidat est devenu disponible. Le montant de la logique que vous pourriez faire de façon déclarative dans le modèle a été limitée, et ne comporte pas de && et ||. Toutefois, le soutien pour les opérateurs de comparaison est maintenant très complet. Il y a des exemples ici: http://borismoore.github.com/jsrender/demos/step-by-step/10_comparison-tests.html

    FYI: Boris Moore est l'auteur de jsRender et jsViews!

    OriginalL'auteur BorisMoore