SMART datagrid :: SearchCellEditor

DataLudi.SearchCellEditor class

리스트 상자에 표시할 항목들을 GridBase.onEditSearch 이벤트를 발생시켜 가져온다. 마지막 입력 후 searchDelay가 지나고 입력된 텍스트의 길이가 keyLength 이상이면 이벤트를 발생시킨다. 또, requestCtrlEnter가 true면 searchDealy와 상관없이 ctrl+enter 키를 누르면 이벤트를 발생시킨다. requestEnter가 true면 enter 키를 누르면 이벤트를 발생시킨다.

이벤트 핸들러 내에서 GridBase.fillEditSearchItems 함수를 통해 편집기에 리스트 항목들을 전달한다.

Base Classes: ListCellEditor > TextCellEditor > CellEditor > EventAware > DLBase

Constructor: function SearchCellEditor (grid: GridBase, parentElement: HTMLElement);

Properties: keyLength; requestWhenCtrlEnter; requestWhenEnter; searchDelay

Inherited Properties: CellEditor.booleanFormat; ListCellEditor.caseSensitive; ListCellEditor.commitOnSelect; CellEditor.datetimeFormat; ListCellEditor.domainOnly; ListCellEditor.domainOnlyEmptyValueAllow; ListCellEditor.dropDownCount; ListCellEditor.dropDownPosition; ListCellEditor.dropDownWidth; CellEditor.emptyValue; CellEditor.fontName; CellEditor.fontSize; ListCellEditor.insideSearch; ListCellEditor.isListing; ListCellEditor.itemsCallback; ListCellEditor.itemSortStyle; CellEditor.keyCallback; ListCellEditor.labels; ListCellEditor.listing; ListCellEditor.listItemColumned; ListCellEditor.listItemDisplay; ListCellEditor.listItemGap; ListCellEditor.listItemSeparator; ListCellEditor.listItemStyles; TextCellEditor.maxLength; TextCellEditor.minLength; ListCellEditor.multipleSeparator; ListCellEditor.narrowSearch; TextCellEditor.noHangul; ListCellEditor.partialMatch; ListCellEditor.subItemStyles; TextCellEditor.text; CellEditor.textCase; ListCellEditor.textReadOnly; ListCellEditor.values

Inherited Methods: EventAware.addListener; DLBase.assign; ListCellEditor.ctor; TextCellEditor.ctor; CellEditor.ctor; DLBase.getProperties; DLBase.getProperty; EventAware.removeListener; DLBase.setProperties; DLBase.setProperty; DLBase.toggle

Code -1

    var columns = [{
        name: "CustomerID",
        fieldName: "CustomerID",
        editor: {
            type: "search",
            keyLength: 1,
            searchDelay: 500,
            requestWhenCtrlEnter: false,
            requestWhenEnter: false,
            dropDownWidth: -1
        },
        styles: {
            textAlignment: "center"
        },
        header: {
            text: "Search Editor ",
            styles: {
                background: "linear,#22ffd500,#ffffd500,90"
            }
        }
    },
    ...
    }];
    grid.setColumns(columns);

See Also: GridBase.onEditSearch; GridBase.fillEditSearchItems

Examples: Search 셀 편집기