선택 가능한 항목들이 표시되는 리스트 박스를 표시하는 텍스트 편집기.
사용자 입력 중에 입력된 값에 가장 가까운 리스트 항목이 선택되고, 그 항목을 마우스로 클릭하거나, enter 키를 누르면 그 항목의 값으로 편집기의 내용이 변경된다. 이 때, commitOnSelect가 true면 선택된 값으로 데이터셀의 값이 변경된다.
리스트에 표시될 항목들은 values로 지정한다. labels에 values 만큼의 항목을 지정하면, 리스트에는 values 대신 labels의 항목들이 표시된다. 그 경우에도 실제 데이터셀에 적용되는 값은 values에 설정된 값들 중 하나가 된다.
readOnly가 true면 리스트 상자를 펼칠 수 없다.
컬럼 editor 설정 시 type을 "list"로 지정한다. 컬럼 editor type을 "multilist"로 지정할 경우 다중 선택이 가능한 리스트 박스를 표시한다.
var columns = [{
name: "CustomerID",
fieldName: "CustomerID",
width: "120",
editor: {
type: "list",
dropDownCount: 4,
dropDownWidth: 0,
domainOnly: true,
values: ["VN", "HN", "SP", "VC", "TR", "SV"],
labels: ["VINET", "HANAR", "SUPRD", "VICTE", "THREE", "SEVEN"]
}
},
...
];
grid.setColumns(column);
var columns = [{
name: "CustomerID",
fieldName: "CustomerID",
width: "120",
editor: {
type: "multilist",
values: ["VN", "HN", "SP", "VC", "TR", "SV"],
labels: ["VINET", "HANAR", "SUPRD", "VICTE", "THREE", "SEVEN"],
multipleSeparator: "/"
}
},
...
];
grid.setColumns(column);