0

我正在将SlickGrid与 jQuery 一起使用，并且希望在单元格内有一个复合编辑器，如示例 3a 所示，但有两个日期字段而不是两个文本字段。

有用的是，示例 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代替$to，如示例 3 所示。但是如何设置它们以使用此编辑器，而不是简单地附加一个输入字段？

感谢您的帮助。

4

1 回答 1

0

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

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

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

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

希望这可以帮助！

于 2012-06-01T00:08:33.500 回答