Class GridView

gridview class

Hierarchy

Constructors

Properties

#m_timers: Map<string, Function>
m_columns: GridColumn[]
m_data_cx: EventDisposer
m_dataview: DataView
m_empty_msg: Label
m_empty_text: string | emptyFn
m_hasMarks: boolean
m_itemHeight: number
m_marks: Set<any>
m_props: GridViewProps
m_rowClassifier: RowClassifier
m_selection: any
m_topIndex: number
m_visible_rows: Component<CProps<CEventMap>, CEventMap>[]

Accessors

  • get dom(): HTMLElement
  • return the DOM associated with the Component (if any)

    Returns HTMLElement

Methods

  • Parameters

    • canOpt: boolean = true

    Returns void

  • Parameters

    • event: KeyboardEvent

    Returns void

  • Parameters

    • e: MouseEvent

    Returns void

  • Parameters

    • e: MouseEvent

    Returns void

  • Parameters

    • sens: number
    • select: boolean = true

    Returns any

  • Parameters

    • col: number
    • width: number

    Returns void

  • Parameters

    • id: any
    • Optional sens: string

    Returns void

  • Parameters

    • tabIndex: number | boolean
    • defValue: number = 0

    Returns void

  • Parameters

    • forceUpdate: any

    Returns void

  • a some classnames to the component classes can be separated by a space

    Example

    ```typescript addClass( 'my class name @flex' );

    Parameters

    • name: string

    Returns void

  • add an application shortcut

    Parameters

    • sequence: string | string[]

      key sequence Shift+Ctrl+Alt+K

    • name: string
    • callback: EventHandler<KeyboardEvent> = null

      callback to call

    • immediate: boolean = false

    Returns void

  • emit an event you can stop propagation of event or prevent default

    Type Parameters

    • K extends keyof GridViewEventMap

    Parameters

    • type: K
    • Optional event: GridViewEventMap[K]

      event data

    Returns void

  • enable or disable the element

    Parameters

    • Optional enable: boolean

    Returns void

  • todo: moveto datastore

    Parameters

    • filename: any

    Returns void

  • get an attribute value

    Returns

    attribute value

    Example

    ```typescript let chk = el.getAttribute( 'checked' ); @review double cache

    Parameters

    • name: string

      attribute name

    Returns string

  • Returns

    the bounding rectangle

    Example

    ```typescript let rc = el.getBoundingRect( ); console.log( rc.left, rc.top, rc.right, rc.bottom );

    Parameters

    • withMargins: boolean = false

    Returns Rect

  • get the Component data value

    Parameters

    • name: string | Symbol

      name to get

    Returns any

  • Parameters

    • sens: number

    Returns any

  • return the current selection (row id) or null

    Returns any

  • check if the element has an attribute

    Returns

    true is attribute is present

    Example

    ```typescript if( el.hasAttribute('checked') ) { }

    Parameters

    • name: string

      attribute name

    Returns boolean

  • stop listening to an event

    Type Parameters

    • K extends keyof GridViewEventMap

    Parameters

    • type: K
    • callback: ((ev: GridViewEventMap[K]) => any)

      callback to remove (must be the same as in on )

        • (ev: GridViewEventMap[K]): any
        • Parameters

          • ev: GridViewEventMap[K]

          Returns any

    Returns void

  • listen for an event

    Type Parameters

    • K extends keyof GridViewEventMap

    Parameters

    • type: K
    • callback: ((ev: GridViewEventMap[K]) => any)

      callback to call

        • (ev: GridViewEventMap[K]): any
        • Parameters

          • ev: GridViewEventMap[K]

          Returns any

    Returns EventDisposer

  • handle an event one time

    Returns

    Promise if callback is null

    take care with that because if the event is never fired and you await it, the system may overflow

    Type Parameters

    • K extends keyof GridViewEventMap

    Parameters

    • type: K
    • callback: ((ev: GridViewEventMap[K]) => any)

      callback to call when event is signaled

        • (ev: GridViewEventMap[K]): any
        • Parameters

          • ev: GridViewEventMap[K]

          Returns any

    Returns void

  • Remove a class from the element

    Example

    ```typescript el.removeClass( 'myclass' ); el.removeClass( 'myclass1 myclass2' );

    Parameters

    • name: string

      classes in string form can be space separated

    Returns void

  • ensure the component is visible @param: alignToTop

    Parameters

    • Optional arg: boolean | ScrollIntoViewOptions

    Returns void

  • change a single attribute

    Parameters

    • name: string

      attribute name

    • value: any

      new value

    Returns void

  • set the Component data value

    Parameters

    • name: string | Symbol

      name to get

    • value: any

    Returns void

  • Parameters

    • recId: any

    Returns void

  • change the object style

    Example

    ```typescript el.setStyle( {left:100} );

    Parameters

    • style: object

      style to add

    Returns void

  • change a style value

    Parameters

    • name: string

      string style nale

    • value: any

      any style value or null to remove style

    Returns void

  • Parameters

    • tag: string
    • Optional namespace: string

    Returns void

  • signal en event signaled event are notification : no way to prevent default not stop propagation

    Type Parameters

    • K extends keyof GridViewEventMap

    Parameters

    • type: K
    • event: GridViewEventMap[K]

      event data

    • delay: number = -1

    Returns void

  • Parameters

    • name: string
    • asc: boolean = true

    Returns void

  • start a new timer

    Parameters

    • name: string

      timer name

    • timeout: number

      time out in ms

    • repeat: boolean = true

      if true this is an auto repeat timer

    • callback: TimerCallback = null

      if !null, the callback to call else a EvTimer is fired

    Returns void

  • Toggle a class from the element (if present remove, if absent add)

    Example

    ```typescript el.toggleClass( 'myclass' ); el.toggleClass( 'myclass1 myclass2'); el.toggleClass( ['myclass1','myclass2']);

    Parameters

    • name: string

      classes in string form can be space separated

    Returns void

  • get a component from a DOM element move up to the hierarchy to find the request class type.

    Returns

    Example

    with a DOM like that:
    Button
    Label
    Icon <- the DOM you have (dom-icon)

    let btn = Component.getElement( dom-icon, Button );

    Type Parameters

    Parameters

    • dom: Element | HTMLElement
    • Optional classname: string | Constructor<T>

    Returns T

Generated using TypeDoc