摩纳哥编辑器用RESTful Webservice完成代码
摩纳哥编辑器用RESTful Webservice完成代码
提问于 2017-06-27 08:28:43
我想为摩纳哥编辑器0.8.3实现一个定制的CompletionItemProvider，即从RESTful for服务中获取完成建议。为此，我想使用jQuery 3.2.1。
- 我实现了一个实现
monaco.languages.CompletionItemProvider接口的类。 - 由于对the服务的调用是异步的，所以我不能直接从
provideCompletionItems()方法返回provideCompletionItems()。因此，我想我必须返回一个monaco.Thenable<monaco.languages.CompletionItem[]>-object。 - 不幸的是，
Thenable非常稀疏。我想，monaco.Promise类是Thenable接口的一种默认实现。当我找到使用这个类的一个例子的时候，我试了一试.
这是相关代码(下面是完整代码)
return new monaco.Promise<monaco.languages.CompletionItem[]>(function (c, e, p) {
req = $.getJSON("/codeeditorapi/objectcompletions/" + objAndProp[0]);
req.done(function (data) {
console.log("objectcompletions c(data) with " + data);
c(data);
});
req.fail((data) => e(data));
}, function () {
req.abort();
});现在是这个类的完整代码
class MMSObjectModelCompletionProvider implements monaco.languages.CompletionItemProvider
{
private PVAN:string = "v";//PlantVariableAccessor Name
public provideCompletionItems(model: monaco.editor.IReadOnlyModel, position: monaco.Position, token: monaco.CancellationToken): monaco.Thenable<monaco.languages.CompletionItem[]> | monaco.languages.CompletionItem[]{
var line = model.getValueInRange({ startLineNumber: position.lineNumber, startColumn: 1, endLineNumber: position.lineNumber, endColumn: position.column });
let pos = line.lastIndexOf(this.PVAN+".");
if (pos < 0 || line.length < pos + this.PVAN.length+1) //+1 for the dot behind
{
return [];
}
let objAndProp: string[] = line.substr(pos + this.PVAN.length + 1).split(".");
let ret: monaco.languages.CompletionItem[];
var req: JQueryXHR;
switch (objAndProp.length)
{
case 3:
//Only append the value
return [
{
label: "Value",
kind: monaco.languages.CompletionItemKind.Property,
detail: "Access Value of plant variable",
},
];
case 2:
//objectname finished, search for property
if (objAndProp[0].length == 0 || objAndProp[1].length == 0) return [];
return new monaco.Promise<monaco.languages.CompletionItem[]>(function (c, e, p) {
req = $.getJSON("/codeeditorapi/propertycompletions/" + objAndProp[0] + "/" + objAndProp[1]);
req.done(function (data) {
console.log("propertycompletions c(data) with " + data);
c(data);
});
req.fail((data) => e(data));
}, function () {
req.abort();
});
case 1:
//search for object name
if (objAndProp[0].length == 0) return [];
return new monaco.Promise<monaco.languages.CompletionItem[]>(function (c, e, p) {
req = $.getJSON("/codeeditorapi/objectcompletions/" + objAndProp[0]);
req.done(function (data) {
console.log("objectcompletions c(data) with " + data);
c(data);
});
req.fail((data) => e(data));
}, function () {
req.abort();
});
default: return [];
}
}
}好的，Well服务将被正确地调用，并使用CompletionItems返回预期的数组。我可以看到console.log输出。但是，调用c(data)在库的某个地方引发以下错误。
Uncaught Error: Cannot read property 'length' of undefined
TypeError: Cannot read property 'length' of undefined
at Object.S [as compareIgnoreCase] (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:33:4808)
at _ (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:74:21918)
at C (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:74:22403)
at Array.sort (native)
at http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:74:21249
at Object.g [as _notify] (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:35:5529)
at Object.enter (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:35:9107)
at n.Class.derive._creator._run (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:35:10935)
at n.Class.derive._creator._completed (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:35:10376)
at n.Class.define.cancel.then (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:35:12368)
at Object.S [as compareIgnoreCase] (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:33:4808)
at _ (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:74:21918)
at C (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:74:22403)
at Array.sort (native)
at http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:74:21249
at Object.g [as _notify] (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:35:5529)
at Object.enter (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:35:9107)
at n.Class.derive._creator._run (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:35:10935)
at n.Class.derive._creator._completed (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:35:10376)
at n.Class.define.cancel.then (http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:35:12368)
at http://localhost:58254/Scripts/monaco-editor-0.8.3/min/vs/editor/editor.main.js:33:25360我不知道，现在该怎么办。如有任何帮助或提示，将不胜感激。非常感谢!
回答 1
Stack Overflow用户
发布于 2020-11-23 16:16:21
对于任何仍在寻找答案的人，看起来provideCompletionItems方法可以返回一个带有期望值的承诺，摩纳哥编辑器在完成框中显示Loading...，直到承诺得到解决为止。
因此，特别是对于您的情况，只需返回一个承诺，其中您将您的请求发送到web服务。此外，provideCompletionItems方法应该返回一个具有suggestions属性的对象，其中包含一个完整的数组。return { suggestions: [...] }
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44775541
复制相关文章
相似问题
腾讯云开发者
