KendoGrid中的货币格式

时间:2016-11-29 14:14:48

标签: javascript node.js kendo-ui kendo-grid

我希望将冰岛货币格式显示在kendogrid中的一个字段中。据我了解,他们的货币格式(#。###)与美元货币有所不同 - 例如:

$ 1,000.20将显示为1.000,其中20美分被截断,逗号被完全停止替换。我也不需要网格中的货币符号。谁能帮我吗?

以下是代码段

{
    field: "Discount", 
    title: "MyTotal", 
    format: "{ 0:'c' }",
    attributes: { "class": "editable-cell", style: "text-align: right" } 
}

1 个答案:

答案 0 :(得分:0)

如果此一个字段的文化与页面上使用的整体文化不同,则您必须使用自定义编辑器(http://demos.telerik.com/kendo-ui/grid/editing-custom)作为列列配置不支持特定区域性,但使用NumericTextBox的自定义编辑器为您提供NumericTextBox的所有配置选项,包括区域性(http://docs.telerik.com/kendo-ui/api/javascript/ui/numerictextbox#configuration)。

将列定义为:

columns: [
    {
        field: "Discount",
        title: "MyTotal",
        editor: icelandicDiscountEditor, template: "#= Discount #"
    }

和编辑器(请注意,您可以根据需要访问NumericTextBox的所有配置选项):

function icelandicDiscountEditor(container, options) {
    $('<input required name="' + options.field + '"/>')
        .appendTo(container)
        .kendoNumericTextBox({
            culture: "is-IS",
            format: "c"
        });
}

Demo of Icelandic format NumericTextBox in Grid vs "Default Culture" NumericTextBox

请注意,为了使用&#34; is-IS&#34;在文化中,您还必须在页面中加载kendo culture JS脚本,否则将忽略culture配置文件并仍然使用默认配置文件。

如果该字段的文化与页面上其他地方的文化相同,只需按照Sunny Patel的建议设置kendo.culture()。