manifest25.json

{
	"sap.app": {
		"id": "card.explorer.filters.search.multiple",
		"type": "card",
		"title": "Sample of a Card with filters"
	},
	"sap.card": {
		"configuration": {
			"filters": {
				"shipper": {
					"value": "{parameters>/selectedShipperID/value}",
					"type": "Select",
					"label": "Shipper",
					"item": {
						"path": "/value",
						"template": {
							"key": "{ShipperID}",
							"title": "{CompanyName}"
						}
					},
					"data": {
						"request": {
							"url": "{{destinations.Northwind_V4}}/Shippers"
						}
					}
				},
				"country": {
					"type": "Search",
					"label": "Country",
					"value": "France",
					"placeholder": "Enter a country",
					"visible": "{= ${filters>/shipper/value} === '3'}"
				}
			},
			"destinations": {
				"Northwind_V4": {
					"name": "Northwind_V4",
					"label": "Northwind V4 Service URL",
					"defaultUrl": "https://services.odata.org/V4/Northwind/Northwind.svc"
				}
			},
			"parameters": {
				"maxOrdersShown": {
					"value": 6,
					"type": "integer",
					"label": "Number of orders",
					"description": "How many orders to show in the list."
				},
				"selectedShipperID": {
					"value": 3,
					"type": "integer",
					"label": "The default selected shipper"
				}
			}
		},
		"data": {
			"request": {
				"url": "{{destinations.Northwind_V4}}/Orders",
				"parameters": {
					"$top": "{parameters>/maxOrdersShown/value}",
					"$filter": "Shipper/ShipperID eq {filters>/shipper/value} and contains(ShipCountry, '{filters>/country/value}')"
				}
			},
			"path": "/value/"
		},
		"type": "List",
		"header": {
			"title": "Orders by Shipper \"{filters>/shipper/selectedItem/title}\"",
			"icon": {
				"src": "sap-icon://product"
			}
		},
		"content": {
			"item": {
				"title": "{ShipName}",
				"description": "{ShipAddress}",
				"info": {
					"value": "{ShipCountry}"
				}
			},
			"maxItems": "{parameters>/maxOrdersShown/value}"
		}
	}
}