Question

我是dart的新手，需要创建一个动态的dom结构。目前我使用dart_web_toolkit，但我错过了元素的位置函数。您可以设置宽度和高度，但不能设置元素的位置（顶部，左侧）。

我在那里遗漏了什么，或者有人可以给我一个解决方案吗？

编辑：我有一个带有2个按钮的标签，我可以使用“setPixelSize”编辑按钮大小但我需要像“b1.setPosition”这样的东西，我无法找到这个方法来定位我的元素（在这个示例按钮）。目前，他们只是与标签相关联。

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);

Answer 1

我只是想了一下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';

虽未测试。

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

1 个答案: