如何在slickgrid上实现一个可编辑的自定义列，编辑器是一个自定义的选择编辑器？

// 引入SlickGrid库和相关依赖
// ...

// 创建自定义的选择编辑器
function CustomSelectEditor(args) {
  var $select;
  var defaultValue;
  var scope = this;

  this.init = function () {
    // 创建选择编辑器的DOM元素
    $select = $("<select></select>");

    // 根据具体需求，添加选项到选择编辑器中
    $select.append("<option value='option1'>Option 1</option>");
    $select.append("<option value='option2'>Option 2</option>");
    $select.append("<option value='option3'>Option 3</option>");

    // 监听选择编辑器的change事件
    $select.on("change", function () {
      scope.commitChanges();
    });

    // 将选择编辑器添加到DOM中
    $select.appendTo(args.container);
    $select.focus();
  };

  this.destroy = function () {
    // 销毁选择编辑器
    $select.remove();
  };

  this.focus = function () {
    // 设置选择编辑器为焦点状态
    $select.focus();
  };

  this.loadValue = function (item) {
    // 加载单元格的值到选择编辑器中
    defaultValue = item[args.column.field];
    $select.val(defaultValue);
  };

  this.serializeValue = function () {
    // 返回选择编辑器的当前值
    return $select.val();
  };

  this.applyValue = function (item, state) {
    // 将选择编辑器的值应用到单元格中
    item[args.column.field] = state;
  };

  this.isValueChanged = function () {
    // 判断选择编辑器的值是否发生变化
    return ($select.val() != defaultValue);
  };

  this.validate = function () {
    // 可以在这里进行编辑器的验证逻辑
    // 返回一个包含valid和msg属性的对象
    // 如：{ valid: true, msg: null }
    return { valid: true, msg: null };
  };

  this.init();
}

// 定义SlickGrid的列定义
var columns = [
  { id: "id", name: "ID", field: "id", width: 50 },
  { id: "title", name: "Title", field: "title", width: 200 },
  { id: "custom", name: "Custom", field: "custom", editor: CustomSelectEditor }
];

// 定义SlickGrid的数据源
var data = [
  { id: 1, title: "Item 1", custom: "option1" },
  { id: 2, title: "Item 2", custom: "option2" },
  { id: 3, title: "Item 3", custom: "option3" }
];

// 定义SlickGrid的选项
var options = {
  enableCellEdit: true
};

// 创建SlickGrid实例
var grid = new Slick.Grid("#myGrid", data, columns, options);