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:
| Parameter | Type | Req? | Description |
|---|---|---|---|
routeRequisitionListDetails | function | No | Generates 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. |
fallbackRoute | string | No | Fallback URL to redirect when requisition lists are not enabled. Defaults to ‘/customer/account’ |
Slots
This container exposes the following slots for customization:
| Slot | Type | Required | Description |
|---|---|---|---|
Header | SlotProps | No | Customize 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);