Question

我在网上搜索过，我找不到任何关于这个问题的光。这是我的片段。

Backgrid.CustomDateCell = Backgrid.DateCell.extend({
    editor: Backgrid.InputCellEditor.extend({
        attributes: {
            type: "text"
          },
        events: {},
        initialize: function(){
            Backgrid.InputCellEditor.prototype.initialize.apply(this, arguments);
            var _input = this;
            $(this.el).prop('readonly', true);
            $(this.el).datepicker({
                autoclose: true,
                todayHighlight: true,
                format: "mm/dd/yyyy",
                viewMode: "months",
                minViewMode: "months",
                onClose: function(dateText, inst){
                    var command = new Backgrid.Command({});
                    _input.model.set(_input.column.get("name"), dateText);
                    _input.model.trigger("backgrid:edited", _input.model, _input.column, command);
                    command = _input = null;
                }
            });
        }
    })
});

所以基本上，我想要的是触发backgrid：编辑背景细胞模型。但似乎我在这里遗漏了一些东西。永远不会调用onClose事件，并且控制台中不会显示任何错误。我也尝试了onSelect事件，但结果相同。

提前致谢

Answer 1

如评论中所述：

这是一个引导日期选择器，因此onClose不是有效选项。将听众附加到hide事件：

        $(this.el).datepicker({
            autoclose: true,
            todayHighlight: true,
            format: "mm/dd/yyyy",
            viewMode: "months",
            minViewMode: "months"
        });
        $(this.el).on("hide", function(e) {
                var command = new Backgrid.Command({});
                _input.model.set(_input.column.get("name"), e.date);
                _input.model.trigger("backgrid:edited", _input.model, _input.column, command);
                command = _input = null;
            });

e.date应该相当于dateText

当用作backgrid编辑器时，Datepicker onClose事件不会触发

1 个答案: