Интерфейс UERenderCell

Example

Пример: отображение массива полученных значений поля в таблице результата поиска

import {Universe} from '@universe-ee/sdk';

const {React} = Universe.Vendor;

interface IProps {
    searchStore: Universe.Platform.Search.AbstractSearchStore<Universe.Platform.Search.AbstractSearchPanelStore, Universe.Platform.Search.AbstractSearchColumnsStore>;
    cellRenderProps: Universe.Platform.Uikit.TableCellRendererProps<
        Universe.Platform.Search.SearchHit,
        Universe.Platform.Search.ISearchColumn | undefined
    >;
}

export class CustomRenderSearchTableCell extends React.Component<IProps> {
    override render() {
        console.log(this.props.cellRenderProps)

        const field = this.props.cellRenderProps.rowData.preview.find((item) => item.field.getValue() === this.props.cellRenderProps.column.id);

        if (field === undefined) {
            return null;
        }

        const values = field.values.getValue();

        return (
            <div style={{color: 'red'}}>
                {values.join(', ')}
            </div>
        );
    }
}
Копировать

Подключение точки расширения:

import {Universe} from '@universe-ee/sdk';
import {CustomRenderSearchTableCell} from './CustomRenderSearchTableCell';

export default {
    type: 'RenderCell',
    moduleId: 'RenderCellCustomID',
    active: true,
    system: false,
    resolver: () => {
        return true;
    },
    meta: {},
    component: CustomRenderSearchTableCell
} satisfies Universe.Platform.UserExit.UserExitDeclaration;
Копировать