autoComplete 不显示下拉框选项

https://demo.grapecity.com.cn/Sp ... /demos/autoComplete。


给单元格加入celltye,不显示下拉框，如图：




参考了上面demo的代码，如下代码：
let availableTags=["CSSd"];
cell.cellType(new AutocompleteCellType(availableTags));



export class AutocompleteCellType extends GC.Spread.Sheets.CellTypes.Base {
  constructor(itemNames) {
    super()
    this.itemNames = [];
    if (itemNames && itemNames.length) {
        this.itemNames = itemNames;
    }
  }

  createEditorElement(context){
    return document.createElement("input");
  }

  activateEditor(editorContext, cellStyle, cellRect, context){
    var $editor = $(editorContext);
    GC.Spread.Sheets.CellTypes.Base.prototype.activateEditor.call(this, editorContext, cellStyle, cellRect, context);
    $editor.css("position", "absolute");
    $editor.css("font", cellStyle.font);
    $editor.css("color", cellStyle.foreColor);
    $editor.css("border-bottom", "none");
    $editor.css("border-left", "1px solid white");
    $editor.css("border-top", "1px solid white");
    $editor.attr("gcUIElement", "gcEditingInput");
    $editor.autocomplete({
        source: this.itemNames
    }); // initialize autocomplete widget
    $editor.autocomplete("widget").attr("gcUIElement", "gcEditingInput"); // keep focus when mouse down on dropdown
    return $editor;
  }

  deactivateEditor(editorContext, context){
    if (editorContext) {
        var $editor = $(editorContext);
        // $editor.autocomplete("hide");
        $editor.autocomplete("destroy");
    }
    GC.Spread.Sheets.CellTypes.Base.prototype.deactivateEditor.call(this, editorContext, context);
  }

  setEditorValue(editorContext, value, context){
    $(editorContext).val(value);
  }
  getEditorValue(editorContext, context){
    return $(editorContext).val();
  }
  updateEditor(editorContext, cellStyle, cellRect, context){
    if (editorContext) {
        var $editor = $(editorContext);
        $editor.css("width", cellRect.width);
        $editor.css("height", cellRect.height);
    }
  }
  isReservedKey(event, context){
    if (context.isEditing && (event.keyCode == 40 || event.keyCode == 38)) {
        return true;
    }
    return false;
  }
}

Dtttax 发表于 2024-1-23 18:15
加了这个自定义单元格后sheet.autoFitColumn(col)不生效了

您好，看上去该问题和您主题的问题关联不大，为了避免混淆，请您另开一个帖子，并在新帖中详细描述一下您的问题和需求，最好提供代码和可以复现的Demo，以帮助我们解决您的问题。

加了这个自定义单元格后sheet.autoFitColumn(col)不生效了

不客气哈，那就先结贴了，后续有问题您随时提问。

可以了谢谢

明白了，如果想不输入就全部显示出来应该怎么处理。

Dtttax 发表于 2023-5-9 11:23
还是不行啊，直接这样设置的celltype，但是不处理。
spread
          .getActiveSheet()

不处理是什么意思？是输入后没有反应吗？还是其他的表现？



我这边是可以正常显示的。

还是不行啊，直接这样设置的celltype，但是不处理。
spread
          .getActiveSheet()
          .getCell(13, 1)
          .cellType(new AutocompleteCellType(availableTags));

您Demo中jQuery和jQuery-UI的版本有冲突，我把处理好的Demo发给您。

test2.rar (8.09 MB, 下载次数: 77)

2023-5-9 11:04 上传

点击文件名下载附件

添加了还是不行。

autoComplete是jquery-ui这个包里面的东西，您的Demo里面并没有安装这个包，所以才会导致找不到autoComplete这个方法。