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 中显示的方式提供格式，例如，而不是在 ListView “Calle Santa Lucia，墨西哥州，墨西哥”的项目中显示以下内容, 更改它，使其看起来像“Called Santa Lucia...”，而不更改Ubicacion属性中的原始值。

任何帮助将不胜感激。谢谢。

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 回答