Question

我正在使用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();
};

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

感谢您的帮助。

Answer 1

我认为你需要为此编写一个自定义编辑器，而是为你的单元格使用这个新的编辑器。

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

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

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

希望这有帮助！

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

1 个答案: