抽象控件上不存在 spotfire 中的属性控件 - TypeScript

在 Spotfire 中，有时候我们会遇到一个问题 - 当在 TypeScript 中定义抽象控件的属性时，我们发现这些属性在 Spotfire 中并没有对应的属性控件。这通常会造成一些困惑和不便，因为我们无法直接更改这些属性来控制控件的行为。

问题症状

例如，我们可能会在 TypeScript 中定义一个抽象控件：

abstract class MyControl extends Spotfire.AnalysisApplication.CustomTypeControl {
    myProperty: string;
}

然后我们想要在 Spotfire 中控制 myProperty 的值，但是我们发现在 MyControl 的属性控件中没有对应的选项。

解决方法

解决这个问题的方法是，在控件的 update 方法中手动处理这些属性。这可以通过 this.propertyName 和 this.getProperty('propertyName') 方法来完成。例如：

abstract class MyControl extends Spotfire.AnalysisApplication.CustomTypeControl {
    myProperty: string;

    // Override update method
    public async update() {
        await super.update();

        // Get value of myProperty from Spotfire's API
        this.myProperty = this.getProperty('myProperty');

        // Update some DOM element with the new value of myProperty
        const myElement = document.getElementById('my-element');
        if (myElement) {
            myElement.textContent = this.myProperty;
        }
    }
}

这样，我们就可以通过 this.myProperty 来访问我们在 TypeScript 中定义的属性，并在 update 方法中手动更新控件的行为。

结论

尽管在 TypeScript 中定义抽象控件的属性在 Spotfire 中没有对应的属性控件可能会造成一些困惑，但是通过手动处理这些属性，我们可以在控件中实现所需的任何行为。