SlickGrid：具有两个日期字段的单元格中的复合编辑器？答案

【问题标题】：SlickGrid: compound editor in cell with two date fields?SlickGrid：具有两个日期字段的单元格中的复合编辑器？
【发布时间】：2012-06-06 05:25:52
【问题描述】：

我将SlickGrid 与jQuery 一起使用，并希望有一个compound editor within a cell as in example 3a，但有两个日期字段而不是两个文本字段。

很有帮助，Example 3 展示了如何使用 SlickGrid 日期选择器来编辑日期字段，但没有复合编辑器。我想将两者结合起来。

因此，当用户单击该行时，而不是在原始 HTML 中添加输入字段，如示例 3a 所示：

this.init = function () {
  $from = $("<INPUT type=text style='width:40px' />")
      .appendTo(args.container)
      .bind("keydown", scope.handleKeyDown);
  $(args.container).append("&nbsp; to &nbsp;");
  $to = $("<INPUT type=text style='width:40px' />")
      .appendTo(args.container)
      .bind("keydown", scope.handleKeyDown);
  scope.focus();
};

我想我需要为 $from 和 $to 使用 Slick.Editors.Date 编辑器，如示例 3 所示。但是如何设置它们以使用此编辑器，而不是简单地附加一个输入字段？

感谢您的帮助。

【问题讨论】：

标签： javascript jquery datagrid slickgrid

【解决方案1】：

我认为您需要为此编写一个自定义编辑器，并将这个新编辑器用于您的单元格。

有关 SlickGrid 编辑器的文档和模板，请参阅此链接： https://github.com/mleibman/SlickGrid/wiki/Writing-custom-cell-editors

所有开箱即用的编辑器都可以在 slick.editors.js 中找到。一旦您查看代码，就很容易理解。我建议从示例 3a 中使用的 NumericRangeEditor 作为基础开始并对其进行编辑以包含 dateFields（甚至是 datePickers）而不是文本框。

您可以将其添加到 slick.editors.js 或包含在您自己的 JS 文件中。

希望这会有所帮助！

【讨论】：