SMART datagrid v1.4 > Classes

Back  Forward

DataLudi.ListCellEditor  class

선택 가능한 항목들이 표시되는 리스트 박스를 표시하는 텍스트 편집기. 

사용자 입력 중에 입력된 값에 가장 가까운 리스트 항목이 선택되고, 그 항목을 마우스로 클릭하거나, enter 키를 누르면 그 항목의 값으로 편집기의 내용이 변경된다. 이 때, commitOnSelecttrue면 선택된 값으로 데이터셀의 값이 변경된다. 

리스트에 표시될 항목들은 values로 지정한다. labelsvalues 만큼의 항목을 지정하면, 리스트에는 values 대신 labels의 항목들이 표시된다. 그 경우에도 실제 데이터셀에 적용되는 값은 values에 설정된 값들 중 하나가 된다. 

readOnlytrue면 리스트 상자를 펼칠 수 없다. 

컬럼 editor 설정 시 type"list"로 지정한다. 

Base Classes
TextCellEditor > CellEditor > EventAware > DLBase
Inherited Classes
SearchCellEditor
Constructor
function ListCellEditor (grid: GridBase, parentElement: HtmlElement);
Properties
caseSensitive
commitOnSelect
domainOnly
domainOnlyEmptyValueAllow
dropDownCount
dropDownPosition
dropDownWidth
insideSearch
isListing
itemsCallback
itemSortStyle
labels
listing
listItemColumned
listItemDisplay
listItemGap
listItemSeparator
listItemStyles
narrowSearch
partialMatch
subItemStyles
textReadOnly
values
Inherited Properties
CellEditor.booleanFormat
CellEditor.datetimeFormat
CellEditor.emptyValue
CellEditor.fontName
CellEditor.fontSize
CellEditor.keyCallback
TextCellEditor.maxLength
TextCellEditor.minLength
TextCellEditor.noHangul
TextCellEditor.text
CellEditor.textCase
Inherited Methods
EventAware.addListener
DLBase.assign
TextCellEditor.ctor
CellEditor.ctor
DLBase.getProperties
DLBase.getProperty
EventAware.removeListener
DLBase.setProperties
DLBase.setProperty
DLBase.toggle

 

Code -1
    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);
See Also
LineCellEditor
DateCellEditor
Examples
List Cell Editor