在 Dart 中使用 Jquery UI

2024-01-12

我正在尝试在 Dart 中创建一个简单的对话框,我认为使用现有的 javascript 库更容易。Here http://jqueryui.com/dialog/你可以找到基本的例子,基本上

$( "#dialog" ).dialog();

在互联网和 stackoverflow 上你可以找到 1000 个例子,但没有一个对我有用。 我认为这是正确的方法:

import 'dart:js' as js;
//[...]
var jquery = new js.JsObject(js.context['jQuery']);
var myob = jquery('#dialog').dialog();

我得到的只是这个错误:

异常中断:类“JsObject”没有实例方法“call”。

我是否误读了 Dart 的文档?


基本上,有 2 个库可以与 js 互操作:dart:js https://api.dartlang.org/docs/channels/stable/latest/dart_js.html and 包:js http://pub.dartlang.org/packages/js. dart:js已创建于包:js大多数 stackoverflow 答案都使用包:js并且仍然有效(不值得对这些答案进行否决......)

包:js提供了更简单的 Api,但代价是增加了 js 大小(因为包:js uses 飞镖:镜子 and 没有这样的方法).

With 包:js :

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

main() {
  js.context.$("#dialog").dialog();
}

With dart:js :

import 'dart:js' as js;

main() {
  js.context.callMethod(r'$', ['#dialog']).callMethod('dialog');
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Dart 中使用 Jquery UI 的相关文章

随机推荐

  • 将 javascript WebSocket 与 Java ServerSocket 连接

    我正在尝试将 javascript 与 Java 连接起来 但出现一些错误 javascript 端错误 WebSocket connection to wss 127 0 0 1 1234 failed WebSocket opening
  • 通过index.js从文件夹导入

    在我的 React 项目 带有 Webpack 中 我的文件夹结构如下 myfile js Report index js 根据我的research https stackoverflow com a 44092481 1493867 我应
  • Flexbox 可以检测 Flex 项目何时换行吗?

    我希望摆脱媒体查询并仅使用 Flexbox 来解决我的问题 但我不确定这是否可能 随着窗口变小 我希望列缩小 直到达到最小宽度 一旦他们击中了那个 中间的柱子就会跳下来进行换行 我想我的问题可以归结为 flexbox 可以检测到它何时换行吗
  • inotifywait 不执行 bash 脚本中的 while 循环

    我想在 Docker 容器中的目录上放置一个文件观察器 我在用着entrypoint sh脚本来设置放置文件观察器的脚本 设置如下 bin sh Trigger the script with the file watcher in the
  • 如何在phonegap/jquery移动应用程序中使用外部图像

    我正在为 android 开发一个phonegap jquery mobile 测试应用程序 我是这项技术的新手 我想在我的应用程序中显示存储在互联网站点上的图像 在 avd 中的应用程序启动期间 当将此元素放入我的 index html
  • 加载网页时:“# 的未定义方法‘request_uri’”

    我正在尝试使用 Ruby 通过 HTTP 加载网页并检查其状态代码是什么 我的代码如下所示 require net http r Net HTTP get response URI parse myURL return r code 然而
  • 检查输入是否为 int、float 或 bool 的 Python 程序

    所以我试图在这里编写一个程序 要求输入 然后检查输入是否有整数 布尔值或浮点数 如果有这些字符中的任何一个 那么它将再次要求输入 我想做的不仅仅是写作str input 就像用户输入一个int or bool等等它将打印错误并停止程序 这是
  • Rails 4:使用代理模型来组合多个模型

    我正在尝试在轨道上 4 我之前做过一些西纳特拉的作品 我有一个注册表单 用户可以在其中填写他的组织名称 地址和他自己的姓名 密码等 我有两个表 用户和组织 这些表中填充了注册数据 所以 我有两个活动记录模型users and organiz
  • Android 上的蓝牙:StartDiscovery 不起作用。无法扫描设备

    我是android新手 我正在制作一个具有蓝牙功能的应用程序 我可以设置蓝牙适配器 并获取我自己的设备信息 但我无法使用 startdiscovery 来发现蓝牙设备 当我开始扫描时它什么也不做 我正在使用 onclicklistener
  • Paypal结帐返回数据

    我有一个 paypal 按钮 如下所示
  • 仅具有 1 或 2 个可选字段的数据库表...拆分为多个表?

    在我正在设计的数据库中 有一个相当中心的表代表已售出或待售的物品 它区分个人销售 如 eBay 和正规公司的销售 这意味着实际上有 1 个或两个字段并不同样适用于两种情况 例如 一个字段仅在一种情况下使用 另一个字段在一种情况下是可选的 但
  • 如何以编程方式使用自动布局将活动指示器定位到其超级视图的中心?

    为什么以下代码无法将活动指示器定位到其超级视图的中心 UIActivityIndicatorView activityIndicator UIActivityIndicatorView alloc initWithActivityIndic
  • 如何检查union当前使用的是什么类型?

    假设我们有一个工会 typedef union someunion int a double b myunion 在我设置后 是否可以检查联合中的类型a 123 我的方法是将此联合添加到某个结构中 并在其为 int 时将 uniontype
  • Yii CGridView 仅隐藏过滤器输入

    使用 CGridView 时 过滤器输入字段由组件自动生成 我想选择哪些列将显示输入字段 例如 我的模型有 5 列 我希望 CGridView 仅显示第 1 列和第 2 列的输入过滤器 有没有一种方法可以不使用 CSS 或 jQuery 而
  • Google Charts LineChart 的图表范围过滤器

    我正在使用 Google Charts 折线图 但在将其绑定到图表范围过滤器时遇到一些问题 这是我尝试过的 容器 div div style width 100 height 100 div div style width 100 heig
  • 滚动总结以另一个数据帧上的多个变量为条件

    我有以下数据示例 trap data lt structure list site c 1 2 3 3 trap date structure c 18809 18809 18307 18322 class Date class data
  • 如何创建一个禁用 JButton 的方法?

    我正在尝试制定一种禁用方法JButtons The JButtons位于网格形式的数组中 JButton int int 并且整数应该是坐标 import java awt import java awt event import java
  • 如何使用 JDBC API 捕获 Hive 退出状态或错误代码

    使用 JDBC API 在 hive 中执行插入查询 但查询未运行 有人可以建议出了什么问题吗 另外 请让我知道如何捕获运行查询时 hive 抛出的错误代码 蜂巢版本0 13 0 当我在命令行中运行日志中生成的查询时 它们工作正常 publ
  • 在 docker 容器上运行 powershell 或 cmd

    我想检查我的 docker 容器的内容 我想运行一个电源外壳或容器内的命令提示符 以便我可以列出目录 该容器镜像正在托管ASP NET Web API使用 ASP net 的应用程序4 6 1框架 我运行了以下命令 docker conta
  • 在 Dart 中使用 Jquery UI

    我正在尝试在 Dart 中创建一个简单的对话框 我认为使用现有的 javascript 库更容易 Here http jqueryui com dialog 你可以找到基本的例子 基本上 dialog dialog 在互联网和 stacko