jquery - KendoUI Grid 将 Modal Validation Max 设置为其他列的值

Question

我有以下模式：

...
quantity: {
             type: 'number',
             validation: {
                min: 0
             }
          }
...

在我的网格中，您可以单击以内联编辑值。What I would like to do is, is when the quantity field is selected and is ready for the user to start inputting numbers, I want the max possible value to be set to the value of another column that was returned to my grid eg quantityMax.

quantityMax我的网格中的每一行都会有所不同。

我怎样才能做到这一点？输入更改的处理程序是：

$('#salesGrid').on('change', '.k-input', function(){
  handleChange()
})

function handleChange()
{
  sGrid.dataSource.sync(); // Write changes.
  sGrid.dataSource.read(); // Read updated grid.
}

Answer 1

您可以使用字段的编辑器功能来实现它quantity。这很简单：

columns   : [
    // Other columns definition
    { field: "quantityMax", title: "Max", width: 50 },
    {
        width : 50,
        title : "Quantity",
        field : "quantity",
        editor: function (container, options) {
            // create an input element
            var input = $("<input name='" + options.field + "'/>");
            // append it to the container
            input.appendTo(container);
            // initialize a Kendo UI numeric text box and set max value
            input.kendoNumericTextBox({
                max: options.model.quantityMax
            });
        }
    }
],

我所做的是，当 KendoUI 进入编辑模式时，我生​​成一个输入字段并设置max为 的值，quantityMax然后从options.model.

有关 JSFiddle 中的工作示例，请单击此处