Skip to content

Search is only available in production builds. Try building and previewing the site to test it out locally.

RequisitionListGrid Container

Displays requisition lists in a grid layout with filtering, sorting, and selection capabilities.

Version: 1.0.0-beta4

Configuration

The RequisitionListGrid container provides the following configuration options:

ParameterTypeReq?Description
routeRequisitionListDetailsfunctionNoGenerates the URL for navigating to the requisition list details page. Returns a URL string or performs navigation. Use to implement custom routing logic, add query parameters when users click on a list, or integrate with your application’s routing system.
fallbackRoutestringNoFallback URL to redirect when requisition lists are not enabled. Defaults to ‘/customer/account’

Slots

This container exposes the following slots for customization:

SlotTypeRequiredDescription
HeaderSlotPropsNoCustomize grid header section.

Usage

The following example demonstrates how to use the RequisitionListGrid container:

import { render as provider } from '@dropins/storefront-requisition-list/render.js';
import { RequisitionListGrid } from '@dropins/storefront-requisition-list/containers/RequisitionListGrid.js';
await provider.render(RequisitionListGrid, {
routeRequisitionListDetails: routeRequisitionListDetails,
fallbackRoute: "example",
slots: {
// Add custom slot implementations here
}
})(block);