如何为后台网格单元格添加日期选择器

Question

我正在研究Backgrid以实现网格功能，我需要向backgrid单元格添加一个日期选择器，而不是使用Backgrid.DateCell。等待您的回复

示例代码：

           datagrid(collection) : {
                      colomns = [{
                                name : "name",
                    label: "Name",
                    cell : string
                                },
                                {
                                name : "date",
                    label: "Date",
                    cell : string
                                }
                              }],
                        var lgrid = new Backgrid.Grid({
                    columns: columns,
                    collection: collection,
                    emptyText: "no data"
             });
                   this.$("#grids").append(lgrid.render().$el);
                     }

这些是在后网格中定义的列。当我单击日期选择器的字符串单元格时，我需要使用日期选择器填充字符串单元格中的日期，应该打开日期选择器，我需要通过该日期选择到单元格中。请帮帮我...

感谢和问候 甘加达尔五世

Answer 1

也许有更好的方法来实现它，但我能够这样做。

MyDatePickerCell = Backgrid.Cell.extend({
    editor: MyDatePickerCellEditor,
});
MyDatePickerCellEditor = Backgrid.InputCellEditor.extend({
    events:{},
    initialize:function(){
        Backgrid.InputCellEditor.prototype.initialize.apply(this, arguments);
        var input = this;
        $(this.el).datepicker({
            onClose: function(newValue){
                var command = new Backgrid.Command({});
                input.model.set(input.column.get("name"), newValue);
                input.model.trigger("backgrid:edited", input.model, input.column, command);
                command = input = null;
            }
        });
    },
});

Answer 2

onClose 在我第一次选择日期时不会触发。第二次尝试后，它工作得很好。我不知道如何解决这个问题。