yvan-ext/src/Defaults.ts

const labelWidth = 70

export const windows = {
    modal: true,
    width: 900,
    height: 600,
    maximizable: true,
    constrain: true,
    shadow: false,
    // manageHeight: true,
    // draggable: true,
    // scrollable: true,
}

export const date = {
    labelAlign: 'right',
    labelWidth,
}

export const combo = {
    labelAlign: 'right',
    labelWidth,
    valueField: 'id',
    displayField: 'text',
    autoLoad: true,
    mode: 'local',
    forceSelection: true,
    triggerAction: 'all',
    enableKeyEvents: true,
}

export const comboGrid = {
    selectOnTab: true,
    pickerHeight: 500,
    pickerWidth: 850,
    editEnable: null,
}

export const comboGridPicker = {
    xtype: 'yvgrid',
    layout: 'fit',
    selModel: {
        selType: 'rowmodel',
        mode: 'SINGLE'
    },
}

export const numberfield = {
    labelAlign: 'right',
    labelWidth,
}

export const checkbox = {
    labelAlign: 'right',
    labelWidth,
}

export const checkboxgroup = {
    labelAlign: 'right',
    labelWidth,
}

export const radio = {
    labelAlign: 'right',
    labelWidth,
}

export const radiogroup = {
    labelAlign: 'right',
    labelWidth,
}

export const form = {
    margin: '5 5 0 0',
    defaults: {
        margin: '0 0 5 0'
    },
}

export const grid = {
    border: true,
    columnLines: true,
    plugins: {
        cellediting: {
            clicksToEdit: 1
        },
        gridfilters: true
    },
    multiColumnSort: true,
    viewConfig: {
        enableTextSelection: true,
        sortOnClick: false,
    },
    selModel: {
        type: 'checkboxmodel',
        checkOnly: false
    },
    pagination: true,
    autoLoad: true,
    remoteSort: true,
    remoteFilter: true,
    enableLocking: true,
    enableColumnMove: true,
    enableColumnHide: true,
}

export const search = {
    labelAlign: 'right',
    labelWidth,
}

export const text = {
    labelAlign: 'right',
    labelWidth,
    msgTarget: 'side',
}

export const toolbar = {
    overflowHandler: 'menu',
}

export const tbfill = {}

export const tbseparator = {}

export const button = {}

export const fieldSet = {}

export const panel = {}

export const splitter = {}

export const maintab = {}

export const rows = {}

export const cols = {
    defaults: {
        flex: 1
    },
}