如何使用dart_web_toolkit设置元素位置?

Nooblinator

我是飞镖的新手,需要创建动态dom结构。目前,我使用dart_web_toolkit,但我缺少元素的位置函数。您可以设置元素的宽度和高度,但不能设置位置(上,左)。

我是否在这里缺少任何东西,或者有人可以给我解决方案吗?

编辑:我有一个带有2个按钮的Label,我可以使用“ setPixelSize”编辑按钮的大小,但是我需要类似“ b1.setPosition”的东西,并且我找不到此方法来放置我的元素(在此示例中为按钮)。目前,它们只是相对于Label而言而已。

final el = querySelector('#body');

ui.Label rootLabel = new ui.Label();
rootLabel.addStyleName("root-style");
ui.RootPanel.get().addWidget(rootLabel, el);

final el1 = querySelector('.root-style');

ui.Button b1 = new ui.Button();
b1.text = "Button 1";
b1.addStyleName("b1");
b1.setPixelSize(30, 50);
ui.RootPanel.get().addWidget(b1, el1);

ui.Button b2 = new ui.Button();
b2.text = "Button 2";
b2.addStyleName("b2");
b1.setPixelSize(60,60);
ui.RootPanel.get().addWidget(b2, el1);
贡特·佐赫鲍尔(GünterZöchbauer)

我只是觉得有点像https://github.com/akserg/dart_web_toolkit/blob/afac7aac09e3bcd9d3e1f926815eb85040e46e07/lib/src/ui/button_base.dart的代码,看来您应该Element通过调用b1.getElement()实例来访问所有实例元素属性,例如

b1.getElement().style
  ..position = 'absolute'
  ..top = '10px'
  ..left = '25px';

虽然没有测试。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用dart_web_toolkit设置元素位置?

来自分类Dev

如何设置元素的位置?

来自分类Dev

使用Dart lang设置“伪元素”样式

来自分类Dev

使用Dart lang设置“伪元素”样式

来自分类Dev

如何使用硒设置“值”以输入Web元素?

来自分类Dev

使用svg-animate设置svg-text元素的CSS属性时,如何设置开始位置?

来自分类Dev

如何设置列表元素位置变化的动画

来自分类Dev

如何设置顶部svg元素的位置?

来自分类Dev

如何使用Dart获取GPS位置?(移动)

来自分类Dev

如何使用Dart获取GPS位置?(移动的)

来自分类Dev

如何使用JavaScript动态设置DIV元素的左侧和顶部CSS位置

来自分类Dev

如何使用Dart(在js中)在不触发重排的情况下计算页面上元素的位置(x,y)?

来自分类Dev

如何使用水平滚动设置在容器内具有绝对位置的父元素的 li 元素定位

来自分类Dev

设置获取元素的位置

来自分类Dev

如何使用Java使用Selenium Webdriver通过javascript设置选定Web元素的属性?

来自分类Dev

在Dart中使用CSS隐藏和显示Web元素?

来自分类Dev

如何在固定位置元素下方设置5px的元素位置

来自分类Dev

有IMG元素时如何设置插入符号位置?

来自分类Dev

如何使用Selenium Web驱动程序设置元素的新样式

来自分类Dev

如何使用XPath检查子元素的位置

来自分类Dev

如何使用jQuery动画固定元素的位置

来自分类Dev

如何使用Javascript控制SVG元素的位置?

来自分类Dev

如何使用Motion Layout设置ImageView的位置

来自分类Dev

如何使用x,y设置对象的位置

来自分类Dev

如何使用Android MediaPlayer设置开始位置

来自分类Dev

使用jQuery UI设置动态元素的工具提示的位置

来自分类Dev

如何使用位置设置对话框获取位置更新

来自分类Dev

如何设置Dart路径?

来自分类Dev

如何使用Python设置XML元素的属性?

Related 相关文章

  1. 1

    如何使用dart_web_toolkit设置元素位置?

  2. 2

    如何设置元素的位置?

  3. 3

    使用Dart lang设置“伪元素”样式

  4. 4

    使用Dart lang设置“伪元素”样式

  5. 5

    如何使用硒设置“值”以输入Web元素?

  6. 6

    使用svg-animate设置svg-text元素的CSS属性时,如何设置开始位置?

  7. 7

    如何设置列表元素位置变化的动画

  8. 8

    如何设置顶部svg元素的位置?

  9. 9

    如何使用Dart获取GPS位置?(移动)

  10. 10

    如何使用Dart获取GPS位置?(移动的)

  11. 11

    如何使用JavaScript动态设置DIV元素的左侧和顶部CSS位置

  12. 12

    如何使用Dart(在js中)在不触发重排的情况下计算页面上元素的位置(x,y)?

  13. 13

    如何使用水平滚动设置在容器内具有绝对位置的父元素的 li 元素定位

  14. 14

    设置获取元素的位置

  15. 15

    如何使用Java使用Selenium Webdriver通过javascript设置选定Web元素的属性?

  16. 16

    在Dart中使用CSS隐藏和显示Web元素?

  17. 17

    如何在固定位置元素下方设置5px的元素位置

  18. 18

    有IMG元素时如何设置插入符号位置?

  19. 19

    如何使用Selenium Web驱动程序设置元素的新样式

  20. 20

    如何使用XPath检查子元素的位置

  21. 21

    如何使用jQuery动画固定元素的位置

  22. 22

    如何使用Javascript控制SVG元素的位置?

  23. 23

    如何使用Motion Layout设置ImageView的位置

  24. 24

    如何使用x,y设置对象的位置

  25. 25

    如何使用Android MediaPlayer设置开始位置

  26. 26

    使用jQuery UI设置动态元素的工具提示的位置

  27. 27

    如何使用位置设置对话框获取位置更新

  28. 28

    如何设置Dart路径?

  29. 29

    如何使用Python设置XML元素的属性?

热门标签

归档