0

私はjQuery でSlickGridを使用しており、例 3a のようにセル内に複合エディターを配置したいと考えていますが、2 つのテキスト フィールドではなく 2 つの日付フィールドを使用します。

例 3は、SlickGrid 日付ピッカーを使用して日付フィールドを編集する方法を示していますが、複合エディターはありません。2つを組み合わせたいと思います。

したがって、例 3a のように、ユーザーが行をクリックしたときに未加工の HTML に入力フィールドを追加する代わりに、次のようにします。

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();
};

例 3 のように、 andの代わりにSlick.Editors.Dateエディターを使用する必要があると思います。しかし、単純に入力フィールドを追加するのではなく、このエディターを使用するように設定するにはどうすればよいでしょうか?$from$to

ご協力ありがとうございました。

4

1 に答える 1

0

このためのカスタム エディターを作成し、代わりにこの新しいエディターをセルに使用する必要があると思います。

SlickGrid エディターのドキュメントとテンプレートについては、このリンクを参照してください: https://github.com/mleibman/SlickGrid/wiki/Writing-custom-cell-editors

すぐに使用できるエディターはすべて、slick.editors.js にあります。コードを見ると、従うのは非常に簡単です。例 3a で使用されているものから始めてNumericRangeEditor、テキスト ボックスの代わりに dateFields (または datePickers) を含めるように編集することをお勧めします。

これを slick.editors.js に追加するか、独自の JS ファイルに含めることができます。

お役に立てれば！

于 2012-06-01T00:08:33.500 に答える