如何修改Kendo MVC Grid行过滤器数值输入框格式（去小数与逗号）

针对你在MVC站点中遇到的Kendo Grid整数列过滤器显示逗号和两位小数的问题，无需自定义过滤器，仅通过配置格式即可解决：

1. 单列单独配置（Razor语法） #

在Grid的列定义中，给目标整数列添加Filterable配置，指定数值过滤器的纯整数格式：

.Columns(columns =>
{
    columns.Bound(p => p.YourIntegerField)
           .Filterable(filterable => filterable
               .Numeric(numeric => numeric.Format("{0:0}")));
})

{0:0}格式会让输入框仅显示纯整数，不会生成千分位逗号和小数位；若需要保留千分位但无小数，可改用"{0:n0}"。

2. 单列单独配置（JavaScript初始化） #

如果是通过JS初始化Grid，在列的filterable属性中设置数值格式：

$("#grid").kendoGrid({
    columns: [
        {
            field: "YourIntegerField",
            filterable: {
                numeric: {
                    format: "{0:0}"
                }
            }
        }
    ],
    // 其他Grid配置项...
});

3. 全局批量配置 #

如果多个整数列都需要统一格式，可全局重写Kendo的数值过滤器编辑器，避免重复配置：

// 全局设置所有数值过滤器为纯整数格式
kendo.ui.FilterMenu.fn._numericEditor = function (element) {
    element.kendoNumericTextBox({
        format: "{0:0}",
        decimals: 0,
        spinners: false // 可选：移除输入框上下调节箭头
    });
};

内容的提问来源于stack exchange，提问作者ShawnO