kendo-ui - 从网格中的数字字段中删除微调器

Question

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

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

我不知道这个http://demos.kendoui.c​​om /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 以确保这些样式存在，并根据您的情况使其或多或少具有包容性。