RequisitionListGrid Container

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

Version: 1.2.0

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’
initialData	object	No	Preloaded data for the model before backend data is fetched. Use for testing, SSR, or improving initial load.

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: (uid) => `/customer/requisition-lists/${uid}`,
  slots: {
    // Add custom slot implementations here
  }
})(block);