SlickGrid: сложный редактор в ячейке с двумя полями даты?

Question

Я использую SlickGrid с jQuery и хотел бы иметь compound editor within a cell as in example 3a, но с двумя полями даты, а не с двумя текстовыми полями.

Полезно, Example 3 показывает, как использовать селекторы даты и времени для редактирования полей даты, но не имеет составного редактора. Я хотел бы совместить эти два.

Таким образом, вместо добавления полей ввода в необработанном 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. Но как я могу заставить их использовать этот редактор, а не просто добавлять поле ввода?

Благодарим за помощь.

Answer 1

Я думаю, вам нужно будет написать собственный редактор для этого и вместо этого использовать этот новый редактор для своих ячеек.

См эту ссылку на документацию и шаблоны для SlickGrid редакторов: https://github.com/mleibman/SlickGrid/wiki/Writing-custom-cell-editors

Все вне коробки редакторов можно найти в slick.editors.js. Как только вы посмотрите на код, это довольно просто. Я предлагаю начать с NumericRangeEditor, используемого в примере 3a, в качестве базы и отредактировать его, чтобы включить DateFields (или даже DatePickers) вместо текстовых полей.

Вы можете добавить это в slick.editors.js или включить его в свой собственный файл JS.

Надеюсь, это поможет!