OperationsFormatterConfigType: {
    config?: {
        buttons: ((vm: any, callMeToRefreshTheGrid: Function, rowid: any, record: any) => OperatorButtonType[]);
        dropdownOrientation: "right" | "left";
    };
    type: string;
}

The configuration object for the Operations formatter. Operations formatter shows operation buttons in the cell. For example, if you want to show an 'Edit' and a 'Delete' button in the cell, you can use the Operations formatter.

Type declaration

  • Optionalconfig?: {
        buttons: ((vm: any, callMeToRefreshTheGrid: Function, rowid: any, record: any) => OperatorButtonType[]);
        dropdownOrientation: "right" | "left";
    }

    The configuration object for the Operations formatter. The configuration object has two keys: 'dropdownOrientation' and 'buttons'.

    • buttons: ((vm: any, callMeToRefreshTheGrid: Function, rowid: any, record: any) => OperatorButtonType[])
        • (vm, callMeToRefreshTheGrid, rowid, record): OperatorButtonType[]
        • Parameters

          • vm: any

            the vue object

          • callMeToRefreshTheGrid: Function

            a Function that you can call to refresh the grid. The function has no parameters.

          • rowid: any

            the unique ID of the row

          • record: any

            the full record object

          Returns OperatorButtonType[]

          an array of OperatorButtonType objects. Each OperatorButtonType object represents a button in the cell. The OperatorButtonType object has the following keys: 'title', 'tooltip', 'icon', 'testValueAttribute', 'classList', 'dropdowned', 'disabled' and 'onClick'. The 'title' key is the title of the button. The 'tooltip' key is the tooltip of the button. The 'icon' key is the icon of the button. The 'testValueAttribute' key is the test value attribute of the button. The 'classList' key is the class list of the button. The 'dropdowned' key is a boolean value. If true, the button is a dropdown button. The 'disabled' key is a boolean value. If true, the button is disabled. The 'onClick' key is the function that is called when the button is clicked. The function gets the rowid and the record object as parameters.

    • dropdownOrientation: "right" | "left"

      The orientation of the dropdown. The possible values are 'right' and 'left'. If not set, the dropdown orientation is 'right'.

  • type: string

    The type of the formatter. In this case, it should be 'Operations'.