2011-01-10 7 views
0

글래스 피쉬에서 실행되는 GWT-EXT와 함께 GWT를 사용하고 있습니다. 다음과 같이 내가 2 콤보 상자를 만들 :이이 브라우저에로드GWT 콤보 박스가 올바르게 표시되지 않습니다.


import com.extjs.gxt.ui.client.widget.form.ComboBox; 
import com.extjs.gxt.ui.client.widget.form.SimpleComboBox; 

this.contentPanel = new ContentPanel(); 
this.contentPanel.setFrame(true); 
this.contentPanel.setSize((int)(Window.getClientWidth()*0.95), 600); 
this.contentPanel.setLayout(new FitLayout()); 
initWidget(this.contentPanel); 

SimpleComboBox<String> combo = new SimpleComboBox<String>(); 
combo.setEmptyText("Select a topic..."); 
combo.add("String1"); 
combo.add("String2"); 
this.contentPanel.add(combo); 

ComboBox combo1 = new ComboBox(); 
combo1.setEmptyText("Select a topic..."); 
ListStore topics = new ListStore(); 
topics.add("String3"); 
topics.add("String4"); 
combo.setStore(topics); 
this.contentPanel.add(combo1); 

(IE 8.0, 파이어 폭스 3.6.6 또는 크롬 10.0) 콤보 상자가 표시됩니다하지만 돈 풀다운 화살표가 없습니다. 그들은 "주제 선택 ..."텍스트가있는 텍스트 필드처럼 보입니다. 텍스트를 선택하면 문자가 사라지고 문자를 입력 한 다음 삭제하면 옵션이 표시되지만 풀다운 화살표가 표시되지 않습니다.

누구에게 무슨 문제가 있는지 알고 있습니까? 아니면 어떻게 더 조사 할 수 있습니까? 페이지 소스보기에서 방문 페이지 HTML 만 가져올 때 브라우저가 실제로 사용하는 HTML을 볼 수 있습니까?

또한 추가로 올바르게 렌더링되지 않는 가져 오기 com.google.gwt.user.client.ui.Grid가 있습니다. 내가 이미지를 생각

<div class=" x-form-field-wrap x-component" id="x-auto-5" style="width: 150px;"> 
    <input type="text" class=" x-form-field x-form-text x-form-empty-field" id="x-auto-5-input" tabindex="0" autocomplete="off" style="width: 126px;"> 
    <img class="x-form-trigger x-form-trigger-arrow" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" id="x-auto-6"> 
</div> 

: 그것은 이것은 HTML의 문제와 DIV이다,

제임스

테이블 형식으로되어 있지만 눈금 선이 없거나 바 등

건배 헤더 지정된 공백 이미지입니다. 화살표 이미지를 사용하지 않는 이유는 이것이 기본 GWT/브라우저 이미지입니다.

답변

0

내 착륙 html 페이지에서 다음이 누락되었습니다. 잘 참조가 있었지만 잘못된 상대 위치를 가리키고있었습니다.

<link rel="stylesheet" type="text/css" href="extgwt/css/gxt-all.css" /> 
1

FireBug는 FireFox와 가장 친한 친구가 될 것입니다. 당신은 모든 것을 검사 할 수 있습니다, CSS 파일, HTML 또는 자바 스크립트 .. 내 문제는 누락 된 이미지 파일과 관련이 있습니다. 나는 방화범이 끌려서 찾아 냈다.

+0

감사합니다. 내 게시물에 답변을 추가했습니다. – James

0

GWT-EXT와 함께 GWT를 사용하는 이유는 왜 EXT-JS의 콤보 박스를 사용하는 것이 GWT-EXT의 콤보 박스를 사용하는지보다.

+0

ComboBox 기능을 구현할 수있는 쇼케이스를 구성하십시오. – Ankit

+0

Ext-GWT는 내가 볼 수있는 한 extjs를 패키지로 사용합니다. 여기 예제를 보면 http://www.sencha.com/examples/pages/forms/combos.html 모든 가져 오기 항목이 extj입니다. 건배 제임스 – James

관련 문제