javascript - Dart 互操作 : How correctly to make a wrapper?

Question

如何正确制作 wrapper ？我需要包装这个方法:

js:

var columnDefs = [
    {
        floatingFilterComponentParams: {
            suppressFilterButton: true, // <--- это
        },
    },
];

我试试这个选项:

@JS('ColumnDef.floatingFilterComponentParams')
//class floatingFilterComponentParams extends ColumnDef {
class floatingFilterComponentParams {
  external set suppressFilterButton(bool value);
}

如果这是正确的，我该如何在 dart 代码中运行它？ columnDefs中没有这个方法。

Answer 1

您可以使用js 包中的js_util 库。以下代码应该有效:

import 'package:js/js.dart';
import 'package:js/js_util.dart' as js_util;

@JS()
external List get columnDef;

set suppressFilterButton(bool value) {
  final floatingFilterComponentParams = js_util.getProperty(columnDef[0], 'floatingFilterComponentParams');
  js_util.setProperty(floatingFilterComponentParams, suppressFilterButton, value)
}