0

次のような Kendo UI 外部テンプレートがあります。

<script type="text/x-kendo-tmpl" id="dispositivosTemplate">
    <div class="containerElement" style="background-color: transparent" value="${UniqueId}" onclick="showSubsettingDetails(this)">
        <dl>
            <dd class="elementList dispositivoElement">${UniqueId}: ${Ubicacion}</dd>
        </dl>
    </div>
    <br/>
</script>

このテンプレートを次のコードで設定します。

var template = '#dispositivosTemplate';
var dataSourceList = new kendo.data.DataSource({
    data: src
});
$('#listView').kendoListView({
    dataSource: dataSourceList,
    template: kendo.template($(template).html())
});

ここで、srcは AJAX 呼び出しによって取得されたオブジェクトの配列であり、すべてのオブジェクトには文字列型のUbicacionプロパティがあり、その値は非常に長くなる傾向があります。

私がやりたいことは、プロパティUbicacionが Kendo UI ListView に表示される方法にフォーマットを与えることです。 、 Ubicacionプロパティの元の値を変更せずに、この「Called Santa Lucia...」のように変更します。

どんな助けでも大歓迎です。ありがとう。

4

1 に答える 1

1

テンプレート定義での JavaScript コードの使用法については、こちらで説明しています: http ://demos.kendoui.c​​om/web/templates/expressions.html

ただし、表示されるテキストを短くしたいだけの場合は、text-overflow: ellipsiscss プロパティを確認することをお勧めします。

編集: さらに優れたチュートリアルはこちら: http ://docs.kendoui.c​​om/getting-started/framework/templates/overview

于 2013-04-24T20:08:30.450 に答える