2012-02-15 9 views
11

Cóż, pytanie może wydawać się głupie, ale naprawdę nie mogę tego rozgryźć. W jaki sposób możesz dynamicznie dodawać znacznik nagłówka html do swojej strony za pomocą zestawu narzędzi internetowych Google.jak dodać znacznik h1 z gwt

Nie chcę tego robić dla stylu nagłówka, ponieważ mógłbym dodać dowolny styl do dowolnej etykiety, ponieważ chcę używać jqueryui accordion, który działa z parą nagłówka i panelu treści.

Jak mogę to zrobić?

+0

Jest też [HeadingElement] (http://google-web-toolkit.googlecode.com/svn/javadoc/2.4/index.html?overview-summary.html), który pozwala tworzyć elementy H1-H6. –

+0

Jak byś to zrobił? –

+0

Spójrz na odpowiedź poniżej, wyjaśnia, jak korzystać z HeadingElement. – David

Odpowiedz

18

Tak to jest trochę skomplikowane co najmniej .... Oto easiast przykład mogę myśleć:

import com.google.gwt.dom.client.Document; 
import com.google.gwt.dom.client.HeadingElement; 

... 

HeadingElement headingElement = Document.get().createHElement(1); 
headingElement.setInnerText("This is a Heading1 (h1) element!"); 
RootPanel.get().getElement().appendChild(headingElement); 

Jeśli spojrzeć na innych sposobach według Document.get().... znajdziesz metody tworzenia wszystkich innych elementów HTML.

Dodatek:

Może to być jeszcze prostsze:

import com.google.gwt.user.client.ui.HTML; 
..... 
HTML headingElement= new HTML(); 
headingElement.setHTML("<h1>This is a Heading1 (h1) element!</h1>");   
RootPanel.get().getElement().appendChild(headingElement); 
+0

Wielkie dzięki, że się udało, pomyślałem, że będzie obiekt dla dowolnego znacznika HTML lub coś podobnego. Coś jak: 'Header h1 = new Header (" to jest mój nagłówek "); . RootPanel.get („divId”) dodać (h1); ' – David

+0

zapraszamy – Stefan

+0

Nie wiem, czy to jest dobre czy złe, ale z dnia na dzień rośnie tak jestem uzależniona od tak, że trudno kodu gdy internet jest powolny, ponieważ nie mogę połączyć się z SO. – SexyBeast

-1

Oto moje rozwiązanie Java:

InlineHTML h6_Text = InlineHTML.wrap(Document.get().createHElement(6)); 
h6_Text.setText("The text between <h6> and </h6>"); 
10

Można również użyć HTMLPanel i określić tag do wykorzystania w konstruktor:

HTMLPanel header = new HTMLPanel ("h1", "bla bla bla"); 

powinny produkować

<h1>bla bla bla</h1> 
+0

Znacznie łatwiejsze i czystsze niż zaakceptowana odpowiedź. –

Powiązane problemy