日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

easyui datagrid 多表头数据错位_表格数据检索(二)

發布時間:2025/3/21 编程问答 21 豆豆
生活随笔 收集整理的這篇文章主要介紹了 easyui datagrid 多表头数据错位_表格数据检索(二) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

企業級中后臺產品通常大量使用表格來展示結構化的數據,對表格數據進行檢索,是一個常用功能。在日常設計工作中,我們經常不加思考便產出一個個帶有表格數據檢索功能的頁面。然而,體驗良好的表格數據檢索功能,需要充分考慮用戶的需求和具體的場景,選擇合適的數據檢索方式及數據檢索模式。
關于表格數據檢索,我將分兩個維度進行探討,一個是較細粒度的方面,圍繞搜索、篩選、排序這三種「數據檢索方式」展開,在另一個維度,將圍繞表格數據檢索這個功能進行,來探討一些常見的「數據檢索模式」。
整體的大綱概覽如下:

本節將從一些常用的數據檢索模式出發,來聊一聊各模式適合的使用場景,以及在設計時需要注意的問題點,并在此基礎上,總結一個較為通用的企業級中后臺產品的數據檢索模式。


一、單搜索框模式

單搜框的數據檢索模式,多適用于可簡單通過一個屬性就能定位到目標數據的場景。如果對頁面空間要求比較高,也可通過單搜索框來完成復雜場景的搜索需求。

1、單屬性搜索

  • 通過某個特定屬性就可以快速定位到目標數據。
  • 此特定屬性通常是具有唯一識別性的,高使用頻率的,對用戶決策有意義的。

2、切換屬性搜索

  • 切換屬性搜索,本質上是屬于單屬性搜索的一種。
  • 如果有多個常用的搜索屬性,且希望每次都有比較高的搜索精確度,但頁面空間比較局限,可使用切換屬性搜索。
  • 初始的默認屬性應選擇使用頻率最高的那一個,如果幾個屬性的使用頻率差不多,且追求便捷性,可將多屬性模糊搜索作為默認設置。

3、多屬性模糊搜索

如果有多個常用的搜索屬性,對搜索的便捷性要求高于搜索結果的精確性,則可選用多屬性模糊搜索。

4、多屬性組合搜索

  • 對頁面空間要求比較高,無多余空間用于搜索模塊,但需要進行多屬性組合搜索,得到精確的搜索結果。
  • 使用單搜索框來實現多屬性組合搜索,將會使搜索交互復雜化,增加用戶的操作難度,如非必要,應避免作為常用的搜索方式。


二、多屬性組合檢索模式

多屬性組合檢索模式適于屬性比較多,缺乏具有唯一性的屬性,用戶通過簡單的檢索方式難以精確定位到目標數據。從用戶的角度來說,用戶通常具有更強的目的性,期望更精確的搜索結果。多屬性組合檢索模式通常更適合于專家用戶,即那些對于目標數據有明確的定位,知道可以通過哪些屬性精確定位到自己想要的數據。多屬性組合檢索模式的用戶任務流為:輸入關鍵字+選擇篩選條件 > 得到搜索結果 > 找到目標數據,一次性輸入就得到想要的數據。

在在多屬性組合檢索模式下,本文將針對以下兩點進行探討:

1、檢索項的設置

在多屬性組合檢索模式中,理想的狀態下,大多屬性之間應是交叉關系,目的是通過這些交叉關系,縮小目標范圍,精確定位出目標數據。但在實際使用時,為了方便快捷,常會將大量非交叉關系的屬性進行羅列,形成多屬性組合檢索。

在設置組合檢索項時,應考慮每一項的必要性,甚至是使用多屬性組合檢索模式的必要性。大而全能最大限度避免疏漏的可用性問題,但在易用性角度,大而全可能為用戶帶來繁雜的第一印象,增加決策的時間。總之在組合檢索項的設置方面,要從實際場景中用戶對各屬性的使用頻度來考慮,并為各檢索項安排合理的展示方式。

2、檢索項的展示

可根據組合檢索項的數量,以及各個檢索項的使用頻率,來決定組合檢索項是直接展示還是折疊展示,以及哪些屬性直接展示,哪些屬性折疊展示。

  • 直接展示:選用高識別度、高使用頻率的、對用戶決策有意義的屬性作為直接展示的組合檢索條件,不建議過于廣泛,數量最好不超過5個(7±2法則)。

  • 折疊展示:如果多屬性組合檢索中的一部分檢索條件不是高頻率使用的,但又是必須存在的,則可通過折疊的方式將這部分檢索條件隱藏起來,將高頻率使用的、數據覆蓋面廣的1-3個屬性直接展示出來。


三、模糊搜索+精確篩選模式

模糊搜索+精確篩選,其實也是多屬性組合檢索的一種,但使用場景有所不同:用戶對于要找的數據沒有明確的定位,僅有一些模糊的信息,且數據可用于搜索的屬性比較多,無法確定使用什么屬性進行搜索,則可以通過模糊搜索撈出一堆可能相關的數據,再通過精確篩選逐步縮小范圍,找到目標數據。對應的用戶任務流為:輸入關鍵字 > 得到搜索結果 > 選擇篩選條件 > 找到目標數據。

在模糊搜索+精確篩選模式中,由于此場景下的用戶目標通常不那么清晰,因此精確篩選通常使用平鋪的方式。如果精確篩選的使用頻率不高,則可以使用折疊方式將精確篩選部分隱藏起來。如果精確篩選項有2個及以上,則應當設置一次性清除所有檢索條件的功能。


四、表頭檢索模式

表頭檢索,即直接在表格的表頭中找到對應的屬性,在此屬性下對屬性值進行檢索。表頭搜索會受到表頭內容的限制,對當前列的檢索,十分直觀,但局限性在于檢索的內容僅限于當前表格中的內容。表頭搜索每次只能對一列屬性進行操作,在進行多屬性的交叉搜索時,操作步驟可能會比較多,表格刷新也更頻繁。

標題檢索有表頭搜索、表頭篩選、表頭排序三種類型,其中表頭搜索使用并不廣泛,對于強搜索場景而言,表頭搜索過于隱蔽與簡單,表頭搜索更適于弱搜索場景。表頭篩選和表頭排序,在表格數據檢索中使用廣泛,如果用戶沒有強烈的組合檢索需求,表頭篩選與排序是十分直觀與便捷的。

對于表頭檢索,當觸發某個表頭檢索項時,應當有所標識。每個表頭篩選項,都應有便捷的清除檢索條件的功能,如果表頭檢索項有2個以上,則應當設置一次性清除所有檢索條件的功能。


五、自定義檢索模式

如果可用于搜索的屬性特別多,搜索場景十分復雜,用戶會因場景或習慣的不同而使用不同的檢索屬性,難以統一確定,則可使用自定義檢索項,來定制因人而異的常用屬性。

如果用戶用戶有常用的搜索關鍵字或組合搜索條件,則可增加“搜索歷史”功能,但如果是強需求,則應增加定制關鍵詞/搜索條件的功能。


六、總結

以上是一些常見的表格數據檢索模式,但對于企業級中后臺產品而言,什么樣的檢索模式是高效且通用的呢?首先,企業級中后臺產品的用戶通常是目標明確,效率至上的,這基本上就將C端產品常見的平鋪式逐步篩選方式排除了。對于大多數產品而言,有復雜檢索需求的場景是少數的,多屬性組合的單搜索框,以及平鋪的多屬性組合檢索方式將是不通用的。

綜上所述,一個適合于企業級中后臺產品的表格數據檢索模式,可總結為:單/切換屬性搜索 + 表頭篩選/排序 + 折疊的多屬性組合檢索(可選)。

1、常規場景

在常規場景下,使用單/切換屬性搜索 + 表頭篩選/排序 的模式,至于是單屬性搜索還是切換屬性搜索,則看需求中需要被檢索的屬性個數。對于切換屬性搜索,建議將自動識別屬性作為默認設置,也就是默認為多屬性模糊搜索,這將進一步減少操作復雜度,適合于多數簡單搜索需求的用戶。另外,搜索的觸發方式同時使用回車與按鈕觸發,滿足不同操作習慣的用戶。

如果有篩選非當前表格中內容的需求,則增加單獨的篩選項,篩選使用即時觸發方式。

應為搜索/篩選配置快捷的輸入清除方式,以提升易用性。

2、復雜場景

在有復雜檢索需求的場景下,增加折疊的多屬性組合檢索功能,以滿足專家用戶的需求。


本次探討在此告一段落,以上這套通用的企業級中后臺產品的表格數據檢索模式,還需在日常設計工作中多實踐、多驗證。

總結

以上是生活随笔為你收集整理的easyui datagrid 多表头数据错位_表格数据检索(二)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。