2016-12-02 46 views
1

我使用的劍道UI,我嘗試設置工具提示模板是這樣的:劍道UI數字格式無效的模板

tooltip.template = "#= series.name #: #= kendo.toString(value, 'n') # " 

但是,像527266的數字顯示是這樣的:527.266,00

如何我可以做到527.266嗎?

我嘗試作爲測試:

tooltip.template = "#= series.name #: #= kendo.toString(value, '##,#') # " 

這是在文檔中的例子,並應根據例子給527266,但它caughting模板無效的錯誤。

我怎樣才能使數字527266看起來527.266

回答

2

您可以使用(kendo.toString(527266 , 'n0')隱藏小數。由於它是文化特定的,因此您需要包含特定於文化的JavaScript文件。

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"/> 
    <script src="http://code.jquery.com/jquery-1.12.4.min.js"></script> 
    <script src="http://kendo.cdn.telerik.com/2016.3.1028/js/kendo.all.min.js"></script> 
</head> 
<body> 
    <p>Input: 527266</p> 
    <p>Output: <span id="result"></span></p> 
<script src="http://kendo.cdn.telerik.com/2013.2.716/js/cultures/kendo.culture.de-DE.min.js"></script> 
<script> 
    kendo.culture("de-DE"); 
    $("#result").text(kendo.toString(527266 , 'n0')); // outputs "527.266" 
</script> 
</body> 
</html> 
0

我無法找到另一種方式,因爲我很高興劍道格式。我目前使用的唯一解決方法是:

template: "#= formatAmount(FundCurrency ,FundValue) #" 

並在您的Js中創建函數。

function formatAmount(currency, amount) { 
    if (amount) return currency + " " + kendo.toString(amount, "#,##0.00"); 
    return ""; 
} 

這一切麻煩,只是因爲格式#內與特殊標籤衝突的#= ...#,除非你開始使用格式化字符串「\#\#\#0.00」它贏得我猜工作不行。