问题标签 [dart-webui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
188 浏览

process - 有没有办法在 Dart 中增强 web-ui 构建过程,以便在构建过程完成后将我的代码复制到其他地方?

我尝试了很多技术,但对于我的一生,我无法让它发挥作用。给我最大希望但仍然无效的技术如下:

--我注意到对“build”方法(在 build.dart 中)的调用返回了一个 Future,所以我假设如果我要简单地实现该 Future 的 .then () 方法,我可以确信我的代码将在整个构建过程完成并且所有文件都已正确放置在我的 web\out 目录结构中后执行。在我的“then”代码中,我将 web/out 中的所有内容进行了简单的递归复制到我的目标目录。现在,由于 abc.html 中发生的一些链接更改(作为 build () 方法的结果),我不得不将 web/out 目录结构复制到几个不同的位置,在我的最终厌恶中,但是我暂时不关心这个。真正的问题是,当我更改(例如)我的 abc.css 文件并保存它时,我想出了我的构建。

2)在我上面#1的冒险过程中,我想我会尝试做一个“干净的构建”,认为这将确保我总是将所有最新的文件复制到我的最终目的地,但这并没有也不行。

我的主要目标是让我的应用程序快速复制到 JBoss 中已部署的 WAR 目录中,这样我就可以快速测试我的 REST 调用,而不是依赖运行在端口 3030 上的调试服务器。

想法?

0 投票
1 回答
232 浏览

dart - 如何从事件处理程序中获取对事件流的引用?

我需要在我的网页上管理多个 Web 组件的全局状态。(例如,每个 Web 组件都有一个“选择”按钮/功能,我会跟踪组件以确保一次只选择一个组件。)

为了管理我的组件的全局状态,每个 Web 组件都向我的主 Web 应用程序中的一个公共处理程序提供一个事件流。不幸的是,我需要我的处理程序知道它是从哪个流/Web 组件调用的,以便管理全局状态。我的处理程序如何获取此信息?

这是我的示例代码:

0 投票
3 回答
911 浏览

dart - 如何在飞镖中创建表单?

创建表单(文本字段、复选框、单选按钮等)并在用户输入后处理数据的最佳方式是什么?

只是将 web 组件用作 dart 的 web ui?

编辑:让我们想象以下示例应用程序:我想创建一个在线测验/测试。

  • 首先用户必须注册
  • 数据将存储在文本文件或数据库中
  • 用户可以登录并进行在线测验或进行在线测试。
  • 对于该测验/测试,我需要使用预定义的正确答案评估输入
0 投票
1 回答
513 浏览

twitter-bootstrap - 在 Bootstrap Popover 中通过 Dart web-ui 进行数据绑定

我正在尝试使用双向数据绑定到 Bootstrap Popover 内的 Dart 变量,但没有成功。我的代码看起来像:

这在 Bootstrap 模态(或其他任何地方)中都可以正常工作,但在 Popover 中不会更新变量/单选按钮。我认为这是因为 HTML 包含在 data-content="..." 属性中,因此不会被 web-ui 处理。

有没有其他方法可以让数据绑定在 Bootstrap 弹出窗口中工作?

谢谢

0 投票
1 回答
410 浏览

dart - 如何为 Dart Web 组件的内部元素设置样式?

我正在玩 Dart“bee”Web 组件包 ( bee )中的 popover 组件

但是,我看不到更改组件内部元素默认样式的方法。我想改变它的风格<div class="x-popover-dialog">,让它有圆角。但是,如果我将以下内容添加到我的应用程序的 css 文件中,它会在它到达“out”文件夹时被删除。

这是可能的,还是实际修改 Web 组件本身(或扩展它)的唯一方法?

谢谢。

0 投票
1 回答
140 浏览

dart - 我如何简单地运行 web ui 或小部件等项目的最新示例

如果我在其 pubspec 中指定了 web ui,它最终会出现在 $HOME/.pub-cache/hosted/pub.dartlang.org/web_ui-0.4.7+3 之类的地方。我注意到 todomvc 出现在示例文件夹中。我希望只运行所有示例,所以我将现有文件夹 web_ui-0.4.7+3 加载到 darteditor 中。然后尝试发布安装/更新和构建。由于文件夹名称中的“+”,这不起作用。

所以,接下来我只是 git 克隆了 web-ui 项目并尝试以类似的方式发布更新。问题是“web_ui 需要 SDK 版本 >=0.5.7+1,但当前的 SDK 是 0.5.5+0.r22416”,我可以理解 - github 上的内容更加前沿。每当 DartEditor 上的图标指示是时候更新时,我都会更新,但在这里,如果你获得了最新的包,它似乎可以依赖于比编辑器更高的 SDK。当我克隆诸如“小部件”之类的包时,我遇到了同样的问题。作者说问题是直接转到 github 而不是使用 pub,如果我使用 pub 就可以了。我不清楚这意味着什么,因为对我来说,使用 pub 意味着我有一个项目,我可以在其中使用特定的库和资源。

所以,首先是发生了什么,从某种意义上说,开发过程让开发人员在更高版本的 SDK 上。如果你只是依赖 DartEditor 来更新 SDK 并且只使用 pubspec - 这可能不是问题。但是,有两种设置是否容易,一种是从 DartEditor 发布的最新版本的角度来看,另一种是最新的 SDK,如果是的话怎么办?

我发现我可以将现有的 web_ui-0.4.7+3 复制到 /tmp/web_ui 然后成功加载到 dart 编辑器并运行,(断点在 Mac 上还没有为我工作)。但仍然想知道如何在最新版本上运行,以及获取一个包并运行它的示例最明智的方法。

0 投票
1 回答
132 浏览

dart - 在 Web UI 中以编程方式访问模板元素

是否有任何简单的方法可以访问模板中声明的元素的关联元素对象。例如,假设我的模板上有一个按钮,我想访问 ButtonElement 对象,以便以编程方式对其进行操作。

我很感激我可以给它一个 ID 并在 onInsert 上查询它。这是最好的做法吗?如果是这样,如果使用了组件的多个实例或者查询是否仅限于 Shadow DOM,我该如何阻止 ID 不唯一?

0 投票
1 回答
494 浏览

dart - 如何在 Windows 上使用 Dart 和 Webstorm 6(从 Google IO 2013 运行 Codelab)

我搜索但没有找到与我的问题远程相关的任何其他帖子。本质上,我正在尝试遵循我在这里找到的 Google IO 2013 的 Dart Codelab:http: //goo.gl/4E21M

我正在尝试在 Webstorm 6 中使用 Dart 插件,我使用此处的说明进行设置:http: //blog.jetbrains.com/webide/2012/12/dart-support-in-webstorm-6/

最后,我在 Windows 8 上执行此操作。

我的 build.dart 是:

我的 pubspec.yaml 是:

然而,当我尝试运行第 1 步代码时,我在事件日志中看到:运行测试时出错:build.dart:build.dart 中缺少库语句。

所以这看起来很简单......除了我无法弄清楚应该存在哪个库语句而不是......我删除的唯一代码行是:

因为我正试图在 Windows 上运行它,这是针对 UNIX 环境的。

有什么想法吗?我非常感谢您在 Webstorm 中启动和运行这个 Codelab 提供的任何帮助(它比默认的 Dart 编辑器更精致)。换句话说,我更喜欢 Webstorm——如果我能在其中启动并运行它的话。

先感谢您!

0 投票
1 回答
145 浏览

dart - dart web ui webcomponents 将来会扩展 html 元素

我在 darts web ui 介绍页面上读到了这个。

构造函数属性指示定义此组件行为的类(例如,“CounterComponent”)。今天,这个类必须是 WebComponent 的子类,但将来可以使用在 extends 属性中声明的 HTML 元素的子类。在前面的示例中,这意味着类 CounterComponent 扩展了 DivElement ...。

他们是否说过何时计划进行此更改,并且是否需要重写扩展 WebComponent 的旧组件?

0 投票
1 回答
136 浏览

dart - Web UI 将 html 元素与服务器端代码中的可观察变量绑定

是否可以将 html 字段(2way 绑定或 1way 绑定)数据绑定到在某些服务器端代码中删除的可观察变量?

如果您可以在服务器端更改一个变量的值并且所有客户端都可以更新该特定的 html 字段,那将是非常棒的。