2014-11-24 4 views
1

다트에 새로운 기능이므로 동적 DOM 구조를 만들어야합니다. 지금은 dart_web_toolkit을 사용하지만 요소에 위치 함수가 없습니다. 너비와 높이는 설정할 수 있지만 요소의 위치 (위쪽, 왼쪽)는 설정할 수 없습니다.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); 
+0

당신이 시도한 것을 보여 주며, 요소를 만드는 방법을 보여주는 몇 가지 코드를 추가 할 수 있습니까? –

+0

편집 됨, 더 이해할 수있게되기를 바랍니다. – Nooblinator

답변

0

난 그냥 조금 https://github.com/akserg/dart_web_toolkit/blob/afac7aac09e3bcd9d3e1f926815eb85040e46e07/lib/src/ui/button_base.dart 의 코드를 생각보고 그것을 당신이

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

같은 모든 요소의 속성에 액세스 할 수 있도록해야하는 b1.getElement()를 호출하여 Element 인스턴스를 얻어야한다 보인다 시험하지는 않았다.

+1

테스트했습니다. 예. 올바른 방법입니다. 왜냐하면 당신도 '절대'입장을 취해야하기 때문입니다. b1.getElement(). 스타일 .. 위치 = '절대적' .. 상단 = '200px' .. 왼쪽 = '200px'; – Nooblinator

관련 문제