SMART datagrid :: SearchCellEditor

DataLudi.SearchCellEditor class

Get the items which will be displayed in list box by firing GridBase.onEditSearch event. If the length of the entered text is greater than keyLength after searchDelay after the last input, it will fire the event. And, if requestCtrlEnter is true, when type ctrl+enter keys regardless of searchDealy, it will fire the event. If requestEnter is true, when type enter key, it will fire the event.

It transfers the list items to editor through GridBase.fillEditSearchItems function within event handler.

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.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.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 Cell Editor