Question

我一直在尝试使用标准的html5输入作为kendo-ui网格中的单元格编辑器即

<input type="datetime-local" value="1996-12-19T16:39:57" />

我喜欢这个日期时间小部件，因为您可以使用箭头键转到每个日期时间组件，然后使用向上箭头来编辑日期时间的那一部分。

我尝试过定义以下单元格模板函数..

 function timeEditor(container, options) {
    var input = $('<input "datetime-local" name="' + options.field +'" />')
   input.appendTo(container);        
 }

并将其提供给列定义中的相应字段。

columns: [
  {
    field: "Time",
    title: "Time",
    width: "180px",
    editor: timeEditor,       
  },

编辑器被实例化（我在其中获得了一个断点）但是我没有按预期显示控件。

我对剑道ui很新（我正在尝试它），所以也许我在这里有一些简单的错误？或者可以使用它吗？

提前感谢您的帮助亲爱的，彼得

Answer 1

你说得对，除了你的HTML错误。

<input "datetime-local ...

缺少type= atrribute名称，应该是：

<input type="datetime-local ...

另请注意，在自定义编辑器中，您必须完成设置值的工作，并在有人更改输入框的值时更新数据，因此您可能需要添加{{1也是事件处理程序。

一个完全正常工作的编辑器看起来像这样：

.on('change' ...)

Kendo-ui网格：标准HTML5输入日期时间可以用作单元格编辑器吗？

1 个答案: