2013-04-24 35 views
0

我有一個劍道UI外部模板,看起來像這樣:如何在Kendo UI外部模板中爲ListView設置參數集?

<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被顯示在我的劍道UI ListView控件,例如,而不是具有以下在ListView 「卡勒聖盧西亞顯示在項目,墨西哥州,墨西哥「,改變它看起來像這樣」叫聖盧西亞...「沒有改變原來的價值在Ubicacion財產。

任何幫助將不勝感激。謝謝。在模板定義JavaScript代碼的

回答

1

用法在此說明: http://demos.kendoui.com/web/templates/expressions.html

但是如果你想要做的是使顯示的文本短,那麼你可能想看看text-overflow: ellipsis CSS屬性

編輯:甚至更好的教程在這裏: http://docs.kendoui.com/getting-started/framework/templates/overview

+0

我想避免在我的模板中混合使用Javascript,似乎不是一個好的做法。至於'text-overflow'屬性,它似乎沒有在dd標籤中做任何事情。它僅適用於DIV嗎? – 2013-04-24 20:51:32

+2

除了'text-overflow:ellipsis'定義'overflow:hidden;白色空間:nowrap'。那麼它應該也爲'

' – OnaBai 2013-04-24 21:19:18

+0

工作,謝謝,這解決了整個事情,它看起來很棒 – 2013-04-25 18:32:03