Backbone & jQuery Tmpl - применение стиля к элементу шаблона - PullRequest
Новая
       21

Backbone & jQuery Tmpl - применение стиля к элементу шаблона

0 голосов
/ 17 августа 2011

мое базовое представление выглядит следующим образом и отображается с библиотекой jQuery tmpl.Я хочу применить стиль к одному / всем / любому элементу данных, для которого active == 1 .Есть идеи как это сделать? 

   // backbone view 
   window.CaseView = Backbone.View.extend({

    el: $("#main"),

    initialize: function() {
        _.bindAll(this, 'render');
        this.render();
    },

    iTemplate: $("#tmplCase").template(),

    render: function() {
        var that = this;
        that.el.fadeOut('fast', function() {
            $.tmpl(that.iTemplate, that.model.toJSON()).appendTo(that.el);
            that.el.fadeIn('fast');
        });

        return this;
    }
});

// html file
<div id="main"></div>

<script id="tmplCase" type="text/x-jquery-tmpl">
  <div class="caseInActive">
    <span class="title">${title}</span>
    <span class="current_status">${active}</span>
  </div>
</script>

1 Ответ

1 голос
/ 17 августа 2011

Вы можете добавить операторы if в ваш шаблон: 

// html file

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


  <div {{if active == 1}}class="caseInActive"{{/if}}>


    <span class="title">${title}</span>
    <span class="current_status">${active}</span>
  </div>
</script>

http://api.jquery.com/template-tag-if/

...