如果我們沒有做任何設計就使用Notes Search的話你會得到Notes貼心給你預設的Search功能,這也是他神奇的一個地方(如圖01)當然曲高和寡不清的人常常會批評Notes怎這麼醜?
功能只能這樣?所以呢因為他太神奇了所以要做Search的時候傳回的資料格式是JSON的話就會遇到一些問題(如圖02),上下兩個紅色框框是預設的系統功能紅色箭頭是JSON資料那我們要分析JSON資料時就會有困難怎樣纔可把那兩個框框弄掉.就是這次的問題點拉.
較資深的設計師應該都知道有$$SearchTemplate for XXX 的功能可以客制搜尋顯示結果.
如圖01
如圖02
好吧那我們就先開始介紹要使用的元件
網頁:
JsonSearch
套表:
$$SearchTemplate for (charactersJson)
DiscworldCharacter
視界(視圖):
charactersJson
DiscworldCharacters
代理程式:
generateDiscworldCharacters
無關主功能之設計:
套表:DiscworldCharacter為測試程式資料顯示及輸入介面
代理程式:generateDiscworldCharacters為測試程式資料產生代理程式
視界(視圖): charactersJson與套表: $$SearchTemplate for (charactersJson)為一起配合元件,產生搜尋命令輸出之JSON格式資料.
如圖03 VIEW設計的公式
如圖04視界顯示資料(Client PreView)
如圖05 $$SearchTemplate for (charactersJson)
如圖06視界顯示資料(Web PreView)
如圖07執行JsonSearch 網頁,輸入搜尋關鍵字「Nanny」
如圖08 搜尋結果上半部資訊
如圖09 搜尋結果下半部資訊
結語:
如果要透過?searchview&query的方式來做Search並是用JSON格式的話好像要透過這麼多的元件來實現這樣一個小小的功能.在看看是否有其他方式能更簡便囉.
如果要修改的話應該還蠻容易的拉,不過對應的地方都要做相關的修改不是挺方便的.