1

私は初めて jsRender を使用していますが、完全なドキュメントの方法で多くを見つけることができません。

このテンプレートを使用してグリッドを作成しています -

<script id="my-grid" type="text/x-jsrender">
    <div class="grid-item">
         <img class="grid-item-image" src="img.gif" />
         <div class="grid-item-description">{{clean:Name}}</div>
    </div>
</script>

戻ってくるデータをクリーンアップするためにコンバーターをセットアップしましたName-

$.views
    .converters({
        clean: function (x) {
            if (x) {
                x=x.replace(/<br \/>/gi, " - ");
            } else {
                x="";
            }
            return x;
        }
    });

コンバーターは正常に動作していますが、私がやりたいことはgrid-item-description、else(表示するテキストがない場合) の要素のこのインスタンスを実際に削除することです。

その要素を削除するために、現在jsRender内にいる要素を見つけるにはどうすればよいですか?

ありがとう！- マイク

4

1 に答える 1

2

まず、このページで例を見つけることができます: http://borismoore.github.io/jsrender/demos/demos.html

質問に必要な例は次のとおりです。 http://borismoore.github.io/jsrender/demos/step-by-step/04_if-else-tag.html

あなたがする必要があるのは、ifタグで要素を囲むことです:

<script id="my-grid" type="text/x-jsrender">
    {{if Name}}
    <div class="grid-item">
         <img class="grid-item-image" src="img.gif" />
        <div class="grid-item-description">{{clean:Name}}</div>
    </div>
    {{/if}}
</script>

else関数に条件さえ必要ありません。

これの実例はjsfiddleにあります

于 2013-04-25T12:08:49.343 に答える