Javascript 如何在剑道UI模型中设置数字的小数位数?
我使用的是一个剑道ui可编辑网格,带有Javascript 如何在剑道UI模型中设置数字的小数位数?,javascript,jquery,kendo-ui,kendonumerictextbox,editablegrid,Javascript,Jquery,Kendo Ui,Kendonumerictextbox,Editablegrid,我使用的是一个剑道ui可编辑网格,带有NumericTextBox。通常在NumericTextBox中,小数位数限制为两位,即,如果输入10.135,则值的格式将设置为10.14。但我需要的是得到10.135本身。在这里要做什么 我的模型定义 var GridViewModel = new kendo.data.Model.define({ fields: { Name: { type: "string", editable: false }, Weig
NumericTextBox
。通常在NumericTextBox
中,小数位数限制为两位,即,如果输入10.135,则值的格式将设置为10.14。但我需要的是得到10.135本身。在这里要做什么
我的模型定义
var GridViewModel = new kendo.data.Model.define({
fields: {
Name: { type: "string", editable: false },
Weight: { type: "number", editable: true, validation: { required: true } },
}
});
在我的视图模型中,我将网格设置为
$("#DryingBinItemsAddedGrid").kendoGrid({
dataSource: {
data: DataDetails,
schema: {
model: GridViewModel
},
},
editable: true,
dataBound: function () {
},
columns: [
{
field: "Name",
title: "Name"
},
{
field: "Weight",
title: "Total Weight"
}
]
});
在这个例子中,我没有提到我失败的尝试。目前,我的
权重
字段是一个带有两个字段的数字文本框。要使我的权重
字段成为一个带3个小数点的NumericTextBox,这里需要做什么。为了控制网格用作编辑器的NumericTextBox的配置,您需要实现一个自定义编辑器,否则,将使用NumericTextBox的默认配置(小数点后2位)
尝试将“权重”列定义更改为:
{
field: "Weight",
title: "Total Weight",
editor: weightEditor
}
并添加实现自定义编辑器的weightEditor函数:
function weightEditor(container, options) {
$('<input name="' + options.field + '"/>')
.appendTo(container)
.kendoNumericTextBox({
decimals: 3,
})
};
函数权重编辑器(容器、选项){
$('')
.appendTo(容器)
.Kendonumeric文本框({
小数:3,
})
};
演示: