Question

我有以下的jsfiddle，而我的网格模板中有一个numerix文本框。是否可以在Textbox中使用$符号作为前缀。

我尝试格式：“{0：c2}”，这是行不通的。

`format:"{0:c2}"`
http://jsfiddle.net/D4g8S/159/

Answer 1

嗯，不知道为什么但是你不能在模板的情况下使用MVVM格式。

无论如何，你可以在模板中为你的输入添加一些类，然后你需要像这样更改init

$('.test').kendoNumericTextBox({
    format: "c2"
});

Here is a demo

Answer 2

这可能是你正在寻找的东西。我已经冒昧地将您的网格转换为MVVM，并使该字段可编辑并使用编辑器来支持货币值。

var viewModel = kendo.observable({
    source: new kendo.data.DataSource({
        schema: {
            model: {
                fields: {
                    Name: { type: "string", editable: false },
                    Cost: { type: "number" }
                }
            }
        }
    }),
    costEditor: function(container, options) {
        $("<input data-bind='value: " + options.field + "' name='" + options.field + "' />")
            .appendTo(container)
            .kendoNumericTextBox({
                format: "{0:c2}"
            });
    }
});
kendo.bind("body", viewModel);
viewModel.source.add({
    Name: "User 1",
    Cost: 100
});

<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.common.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.blueopal.min.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2016.2.607/js/kendo.all.min.js"></script>

<div data-role="grid"
     data-height="365"
     data-bind="source: source"
     data-editable="incell"
     data-scrollable="virtual: true"
     data-columns="[
         { field: 'Name', title: 'Contact Name', width: 200 },
         { field: 'Cost', format: '{0:c2}', editor: viewModel.costEditor }
     ]"></div>

在kendo numerix文本框中需要货币符号

2 个答案: