问题标签 [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 回答
294 浏览

dart - Dart 可以绑定到 id 属性吗?

我需要从 a 生成单选按钮输入列表List,并将<label for="xx">标签链接到<input>,每个都需要自己的 id。

但似乎 Dart 无法绑定到 id 属性:

以上导致错误:

错误:第 40 行 pos 22:非法使用类名 'DivElement' autogenerated_html.DivElement __{{s}};

所以我的问题是:Dart 可以绑定到 id 属性吗?如果可以,如何绑定?

还有一个替代问题:是否有另一种方法可以使用 web_ui 生成带有标签的单选按钮输入列表?

0 投票
1 回答
444 浏览

dart - 将 Web 组件添加到 DOM

我创建了扩展 DIV 元素的 dart Web 组件。在 DART 中,我可以向 DOM 添加一个 DIV 元素:

飞镖 html api

我可以对我的 Web 组件做同样的事情吗?什么是正确的语法?

0 投票
2 回答
335 浏览

dart - WebUI中base64 img src导致报错

这是模板有问题的部分:

convertfiles 是 AndroidFile 的列表:

模板显示出来。它显示文件名,它显示源,但图像标签看起来像

哈希带有下划线(在 Chromium 源视图中),如果我单击它,它会显示“找不到文件:/web/out/”

转换为 JS 在 Chrome 中说:“资源解释为图像,但使用 MIME 类型 text/html 传输”

示例源在GitHub 上
有 任何提示吗?

0 投票
2 回答
163 浏览

dart - 是什么导致了 NoSuchMethodErrorImplementation?

我收到以下错误:

这是我的视图代码:

这是我的主要脚本:

此行的自动生成代码失败:

0 投票
2 回答
223 浏览

dart - DART 在迭代模板中的画布列表上绘图

我正在显示有关项目列表的信息,其中可以选择包含缩略图。如果不存在缩略图,则会显示一个链接以允许上传图像。

我的问题是:需要时在画布上绘制的最佳方式是什么?(见下文)。我需要触发对代码的调用,然后还要识别每个画布,以便它获得适当的图像。

我知道这一切都可以通过在代码中创建元素来完成,但如果可能的话,我想使用 webui 模板机制。

0 投票
2 回答
718 浏览

dart - DART:如何绑定单选按钮值属性

我有一个需要显示为单选按钮的数组,所以在iterate我里面:

下面代码的预期输出是“Selected is 0”或“Selected is 1”等,但输出始终是“Selected is {{val}}”。

那么问题来了,如何在 Dart 的单选按钮中绑定 value 属性呢?

的HTML:

还有飞镖:

0 投票
2 回答
1144 浏览

tree - Dart 树节点示例

我是 dart 的新手,开始构建自己的网页。有没有人有任何关于 dart 中树结构的好例子(类似于 smartgwt treenode)?

如果那里已经有很好的例子,我不想不得不从头开始构建一个。

非常感谢你。

克雷格

0 投票
1 回答
306 浏览

dart - Dart Web 组件何时调用已移除的生命周期方法?

最新编辑:

这是 web-ui 中的一个未解决问题:https ://github.com/dart-lang/web-ui/issues/245

之前:

我试图弄清楚如何removed()从要调用的Web 组件生命周期方法中获取。查看下面示例的生成代码,我看到有一个调用,autogenerated.dispatch();之后replaceElement()我希望是什么调用removed(),但我没有看到我的打印语句输出。

也许相关:我浏览了规范,试图了解build.dart生命周期方法的输出。也许规范已经过时了?我仍然没有看到规范的实例化部分composeChildren()中列出(在这个 web-ui 问题评论中提到),即使在自动生成的代码中被调用。composeChildren()build.dart

这个问题背后的原因是我对能够以编程方式(通过规范中的实例化指令)在单个父 html 文件中加载和卸载 web 组件的 Dart webapp 感兴趣,而不必在 html 中声明 web 组件。我正在使用 web_ui-0.2.11 运行。谢谢!


网络组件:


父 html 文件:

0 投票
3 回答
2156 浏览

dart - DART Web UI:如何在迭代循环中引用索引

我想使用 HTML 中迭代循环的索引作为值,如:

但是这种直观的语法似乎不起作用。有没有办法在 Dart Web-ui 中做到这一点?

0 投票
2 回答
507 浏览

dart - Dart:如何通过 Web UI 绑定到用 int 注释的变量?

将类作为数据记录处理时,Dart 的最佳实践是什么?

详细说明:在编写应用程序时,很可能会为表格行创建一个类。如在

这允许编译时捕获 Dart 中的任何拼写错误等。(与使用依赖于 NoSuchMethod 的类不同。)

它还需要一个相应的字符串结构来绑定到 HTML,例如

所以飞镖将是:

接下来我们需要一种从一个到另一个的方法,所以我们给 Item 添加一个方法

反之亦然:

另外,我们从数据库中获取 jason 数据,所以我们需要在 Item 中添加另一个方法:

我们需要能够恢复为默认值:

这种冗长让我觉得我又在写 COBOL 了!

这里缺少一些基本的东西——无论是在我的理解中,还是在 Dart/WebUI 库中。

我想写的是

然后,无需进一步编码,就可以编写诸如

并且能够在 HTML 中编写:

如果这是可能的,它会比我现在编写的代码更快、更简单、更清晰、更不容易出错。