TextItem 숫자만 입력, SmartGWT

TextItem ti01 = new TextItem("name", "title");
ti01.setKeyPressFilter("[0-9,]");

TextItem에 힌트(placeholder) 주기, SmartGWT

TextItem ti01 = new TextItem("name");
ti01.setHint("Hint"); // (1)
ti01.setShowHintInField(true); // (2)

(1) ti01.setHint("Hint"); 힌트를 주면 기본적으로 TextItem의 오른쪽에 힌트가 생긴다.
(2) ti01.setShowHintInField(true); 옵션을 주면 TextItem Field안쪽에 힌트가 보이고 focus 가 됐을때 힌트는 사라진다.

TextItem style추가, SmartGWT

SmartGWT의 기본 css파일에 작성한 css를 추가해주도록 한다.

변경 스타일 예

.textItemBoxStyle,
.textItemBoxStyleFocused,
.textItemBoxStyleSelected,
.textItemBoxStyleSelectedFocused {
 /*background: url("./images/bullet_0.png") no-repeat scroll 5px center rgba(0, 0, 0, 0);*/
 /*padding-left: 17px;*/
 color: #494949;
 text-align: left;
}
 
.textItemBoxStyle,
.textItemBoxStyleFocused,
.textItemBoxStyleSelected,
.textItemBoxStyleSelectedFocused {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color:#494949;
 
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 -ms-border-radius: 2px;
 -o-border-radius: 2px;
 border-radius: 2px;
 
 border: 1px solid #acacac;
 background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(100%, #f2f2f2));
 background: -webkit-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
 background: -moz-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
 background: -o-linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
 background: linear-gradient(top, #f7f7f7 0%, #f2f2f2 100%);
 
 
 /*height: 18px;*/
 /*line-height: 150%;*/
 padding: 0 2px 0 2px;
}

css를 추가해준후 TextItem의 스타일을 재정의 해준다.

TextItem ti01 = new TextItem("name");
ti01.setTextBoxStyle("textItemBoxStyle");

SelectItem에 한개이상의 Display Field 사용, SmartGWT

SelectItem은 기본적으로 한개의 Display값을 가진다.

SelectItem si01 = new SelectItem();
si01.setOptionDataSource("");
si01.setValueField("CD");
si01.setDisplayField("CD_NM");
 
// Display에 사용되는 필드로 이름, 라벨, 너비값
ListGridField si01Item01 = new ListGridField("CD", "Code", 100);
ListGridField si01Item01 = new ListGridField("CD_NM", Code Name");
 
si01.setPickListFields(si01Item01, si01Item02);  // 두개의 필드를 Display로 사용
si01.setPickListWidth(200);  // Display 너비

ListGridField를 SelectItem에 setPickListFields해줌으로써 여러개의 필드를 가질수 있다.

ListGrid의 edit모드에서 위에 작성한 SelectItem을 사용하고자 할때에는 아래와 같이 .setEditorProperties(SelectItem) 코드를 추가해준다.

ListGrid grid = new ListGrid();
// si01은 만들어 놓은 SelectItem
grid.setEditorProperties(si01);

SelectItem Criteria Change, SmartGWT

SelectItem si01 = new SelectItem();
si01.setOptionDataSource(ds);
si01.setOptionCriteria(new Criteria("group_id", "A");
si01.setValueField("CD");
si01.setDisplayField("CD_NM");

위와 같이 초기 세팅된 Criteria값을 변경해야 하는 경우가 필요하다.

si01.setOptionCriteria(new Criteria("group_id", "B");

다음과 같이 Criteria의 값을 변경하여도 서버에 전송되는 값은 'A'값이 넘어간다.

si01.getOptionCriteria().addCriteria(new Criteria("group_id", "B"));

다음과 같이 코드를 변경하여 사용하도록 한다.