iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 17
1
Elastic Stack on Cloud

少女人妻的30天Elastic系列 第 17

【少女人妻的30天Elastic】Day 17 : Elastic App Search_Search UI 組件屬性使用_4

  • 分享至 

  • xImage
  •  

Aloha!我少女人妻 Uerica!連假第二天好天氣,家裡的狗狗一早就趴在窗戶旁曬太陽,覺得狗狗好幸福喔,怎麼有人天天說累得跟狗一樣這句話,狗狗根本不累阿~ XD

Sorting 排序

昨天提到 Facet 篩選面板,Sorting 排序也是顯示在側邊欄,但是下拉選單的形式,可以更改搜尋後資料結果的排序。對於搜尋頁面也是相對重要的拉~

Schema

<Sorting
	label={ "我是排序" }
	sortOptions={[
	{
		name: "Relevance",
		value: "",
		direction: ""
	},
	{
		name: "title A-Z",
		value: "name",
		direction: "asc"
	},
	{
		name: "title Z-A",
		value: "name",
		direction: "desc"
	}
	]}
/>

相關的屬性與介紹:

  • label: Sorting Component 區塊名稱
  • sortOptions: 排序選項
  • name: 排序選項名稱
  • value: 需排序的欄位名稱
  • direction: 排序方向,asc 升冪、desc 降冪

如果不給任何值,就像範例中的 "Relevance" 會依照搜尋文件一開始的結果排序。

今天就先到這邊,感謝大家閱讀~連假還有兩天,祝福大家過得充實又愉快~!


上一篇
【少女人妻的30天Elastic】Day 16 : Elastic App Search_Search UI 組件屬性使用_3
下一篇
【少女人妻的30天Elastic】Day 18 : Elastic App Search_Search UI Component Views
系列文
少女人妻的30天Elastic30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言