从Grid中的数字字段中删除微调器

Question

我在kendoNumericTextBox文档中注意到有一个名为 spinners 的属性可以启用或禁用微调器。

问题是我如何在网格上的数字字段上访问并将此属性设置为false。 在当前阶段，我将我的字段声明为数字。

我不知道这个http://demos.kendoui.com/web/grid/editing-custom.html是否可以在这种情况下提供任何帮助，或者有一个更简单的解决方法。

Answer 1

spinners的初始化中有一个kendoNumericTextBox标志。

$("#numeric").kendoNumericTextBox({
    spinners : false
});

修改

要在grid中使用它，您应该在列定义中定义editor函数。例如：

{ field: "number", title: "Number", editor: editNumberWithoutSpinners }

将editNumberWithoutSpinners定义为：

function editNumberWithoutSpinners(container, options) {
    $('<input data-text-field="' + options.field + '" ' +
            'data-value-field="' + options.field + '" ' +
            'data-bind="value:' + options.field + '" ' +
            'data-format="' + options.format + '"/>')
            .appendTo(container)
            .kendoNumericTextBox({
                spinners : false
            });
}

Answer 2

游戏后期，但我只是摆弄CSS，这似乎可以解决问题：

1.隐藏数字文本框中的选择区域 2.删除添加的右边填充以允许选择器

 .k-numerictextbox .k-select { display: none; }
 .k-numerictextbox .k-numeric-wrap { padding-right: 2px; }

显然检查你的html，以确保这些样式存在，并根据你的情况使其或多或少包容。