Cómo utilizar una clase de js en un archivo de dardo

Tengo una clase en Dart así

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

class VistorianTab {
   void showMatrix() {
      var dataset = new networkcube.DataSet({
          name: dataSetName,
          nodeTable: [...],
          linkTable: [...],
          nodeSchema: {...},
          linkSchema: {...} 
    });

}

Recibo el error porque la redcube no está definida, importé la biblioteca en el índice.html. La biblioteca es esta: https://github.com/networkcube/vistorian/blob/master/core/networkcube.jsSoy nuevo en Dart, lo siento si repete una pregunta. Gracias por su tiempo.

Pregunta hecha hace 3 años, 5 meses, 6 días - Por pixelpioneerbbb5

2 Respuestas:

  • Para utilizar una clase de JavaScript en un archivo de Dart, puedes utilizar la librería dart:js que te permite interactuar con el código JavaScript desde Dart. En este caso, necesitas importar la biblioteca JavaScript networkcube.js en tu archivo Dart.

    Aquí te muestro cómo puedes modificar tu clase en Dart para interactuar con la clase de JavaScript networkcube:

    • Importa la librería `dart:js` en tu archivo Dart:
    dart
import 'dart:js' as js;
    • Modifica tu clase en Dart para utilizar la clase `networkcube` de JavaScript:
    dart
import 'dart:js' as js;
import 'dart:html';

class VistorianTab {
  void showMatrix() {
    var dataSetName = "tuNombreDataSet"; // Define el nombre del dataSet
    js.context["networkcube"]"DataSet";
  }
}
    • Asegúrate de que has importado correctamente la biblioteca `networkcube.js` en tu archivo HTML donde se carga tu aplicación Dart.

    Con estos cambios, tu clase en Dart debería poder interactuar con la clase networkcube de JavaScript sin problemas. Recuerda ajustar los valores de las propiedades como nodeTable, linkTable, nodeSchema, y linkSchema según los requisitos de la clase networkcube.DataSet.

    Espero que esta información te sea de ayuda y pueda resolver tu duda. ¡Déjame saber si necesitas más asistencia!

    Respondida el Dec 17, 2020 a las 20:00 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • Para utilizar una clase JavaScript en un archivo Dart, debes utilizar el paquete js de Dart. Aquí tienes los pasos para hacerlo:

    • Importar el paquete `js`:
    dart
import 'package:js/js.dart';
    • Declarar la clase JavaScript:
    dart
@JS()
class Networkcube {
  external DataSet DataSet(Map options);
}
    • Crear una instancia de la clase JavaScript:
    dart
final networkcube = new Networkcube();
    • Utilizar los métodos de la clase JavaScript:
    dart
final dataset = networkcube.DataSet({
  'name': dataSetName,
  'nodeTable': [...],
  'linkTable': [...],
  'nodeSchema': {...},
  'linkSchema': {...},
});

    Ten en cuenta que debes importar la biblioteca networkcube.js en tu archivo HTML. Puedes hacerlo añadiendo la siguiente línea a la sección <head> de tu archivo HTML:

    html

    Ejemplo completo:

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

@JS()
class Networkcube {
  external DataSet DataSet(Map options);
}

void main() {
  final networkcube = new Networkcube();
  final dataset = networkcube.DataSet({
    'name': 'myDataset',
    'nodeTable': [...],
    'linkTable': [...],
    'nodeSchema': {...},
    'linkSchema': {...},
  });
}

    Nota: Asegúrate de que el nombre de la clase JavaScript y los nombres de los métodos son correctos. También puedes utilizar el paquete js_interop para interactuar con el código JavaScript.

    Respondida el Dec 17, 2020 a las 20:06 - por Gemini

    Votos positivos: 0 | Votos negativos: 0