表格主要涉及搜索哺眯,批量操作按鈕,表格內(nèi)操作按鈕扒俯,表格內(nèi)容奶卓。記錄下工作中遇到的對(duì)表格說明撼玄。
1.搜索的觸發(fā)。搜索的觸發(fā)主要是搜索框和篩選標(biāo)簽瑟幕,搜索框的觸發(fā)有兩種情況只盹,實(shí)時(shí)觸發(fā)和點(diǎn)擊搜索按鈕(或者 enter 鍵)進(jìn)行觸發(fā);篩選標(biāo)簽的觸發(fā)方式大都采用實(shí)時(shí)觸發(fā)站削;
2.批量操作按鈕的使用孵稽。批量操作按鈕和表格首列的 checkbox 密切相關(guān),批量操作時(shí)除正吃跋福可進(jìn)行批量操作的情況外會(huì)遇到如下特殊情況:
在未選中數(shù)據(jù)的情況下點(diǎn)擊批量操作按鈕:一是在不選中數(shù)據(jù)時(shí)該按鈕 disable不可點(diǎn)擊猛频,二是允許點(diǎn)擊蛛勉,點(diǎn)擊后彈出“請(qǐng)至少選擇一條數(shù)據(jù)”的非模態(tài)提示,三是在未選中數(shù)據(jù)的情況下該操作按鈕不顯示毡熏。通常情況下侣诵,為了告知用戶目前存在的操作并明確顯示出錯(cuò)原因會(huì)選擇允許點(diǎn)擊然后報(bào)錯(cuò)的情況;
被選中的數(shù)據(jù)中全部不能進(jìn)行該操作:如果選擇上一條的第一種方案财搁,則該按鈕仍舊 disable妇拯,如果是第二種方案洗鸵,則模態(tài)提示“選中的數(shù)據(jù)不可進(jìn)行該操作”第三種方案是該按鈕仍舊不顯示或者顯示后若點(diǎn)擊則模態(tài)提示“選中的數(shù)據(jù)不可進(jìn)行該操作”;
被選中的數(shù)據(jù)部分不能進(jìn)行該操作:通常情況下會(huì)忽略掉不可執(zhí)行該操作的數(shù)據(jù)甘凭,對(duì)可執(zhí)行的數(shù)據(jù)執(zhí)行操作火邓,不進(jìn)行提示;
遇到需要進(jìn)行操作的數(shù)據(jù)不在表格同一頁的情況躲胳,如果這個(gè)場(chǎng)景比較頻繁,則需要跨頁選擇表格隆檀,和普通表格翻頁后選中的數(shù)據(jù)會(huì)消失不同粹湃,跨頁表格被選中的數(shù)據(jù)會(huì)放到頁面中類似購物車的位置为鳄,因?yàn)閿?shù)據(jù)已作出保存,所以翻頁不會(huì)消失歧斟;
3.表格列寬司训。表格列的寬度有固定寬度和最小寬度液南。類似時(shí)間滑凉、姓名等可明確預(yù)估列寬的字段,可設(shè)置固定寬度畅姊,對(duì)不穩(wěn)定寬度的列若未,則對(duì)其設(shè)置最小寬度粗合。進(jìn)行相關(guān)設(shè)置之后,適應(yīng)大屏幕時(shí)設(shè)置最小寬度的優(yōu)勢(shì)是可以看得更全;
4.表格的排序規(guī)則壤追。表格會(huì)指定一個(gè)或多個(gè)字段進(jìn)行排序供屉,保證數(shù)據(jù)有序排列;
5.表格表頭和內(nèi)容支持換行溺蕉。某些場(chǎng)景中會(huì)涉及到表頭可支持換行疯特,主要是字段名過長但是字段內(nèi)容較短的情況肛走,比如“本人承擔(dān)字?jǐn)?shù)(萬)”這個(gè)字段羹与,表頭字段名較長,但是內(nèi)容較短吃衅,在設(shè)置固定寬度時(shí)腾誉,需要考慮換行的問題;表格內(nèi)容正好相反趣效,表頭字段名較短猪贪,字段內(nèi)容較長,例如“論文名稱”這個(gè)字段西傀。若對(duì)該列設(shè)置定寬拥褂,則需要考慮內(nèi)容換行的問題牙寞;
6.表格支持合并單元格。合并單元格的樣式與功能和 excel 中的合并單元格類似悔详;
7.類似刪除和審核類會(huì)對(duì)數(shù)據(jù)狀態(tài)進(jìn)行改變的操作伟端,是否需要對(duì)數(shù)據(jù)立刻進(jìn)行遷移或者重新排序匪煌。通常的處理方式一種是整個(gè)表格刷新,數(shù)據(jù)立刻消失或排序霜医,另一種是數(shù)據(jù)狀態(tài)發(fā)生變化肴敛,手動(dòng)刷新表格后才消失,這兩種情況使用都較為頻繁砸狞;
8.操作數(shù)據(jù)后表格分頁和排序問題刀森。表格中涉及的搜索研底、刷新瀏覽器榜晦、刪除、新增乾胶、編輯等操作會(huì)涉及表格分頁保留原來位置和回到首頁以及是否需要重新排序的問題胚吁。通常情況下愁憔,除重新搜索和刷新瀏覽器外吨掌,其他操作保留分頁和搜索條件脓恕,且不觸發(fā)表格排序,可以減少操作者的定位數(shù)據(jù)的成本秋茫,減少疑惑肛著;
9.表格單元格中使用控件枢贿。單元格中可以使用 select、radio超凳、switch等控件轮傍。使用此類控件是需要明確保存的時(shí)間金麸,通常情況是使用操作按鈕保存和實(shí)時(shí)保存挥下;
10.表格手動(dòng)排序棚瘟。表格手動(dòng)排序通常的處理方式一種是有一列為排序列,是一個(gè)數(shù)字輸入框喜最,輸入數(shù)字后進(jìn)行排序偎蘸,另一種是使用排序按鈕進(jìn)行上移下移置頂置底操作;
11.表格列固定瞬内。當(dāng)表格列過多造成表格出現(xiàn)橫向滾動(dòng)條時(shí)迷雪,有固定某列或者某幾列的需求,這樣在滑動(dòng)滾動(dòng)條時(shí)可以使得重要信息常顯示虫蝶;
12.表格獲取數(shù)據(jù)刷新方式章咧。通常情況下進(jìn)入頁面時(shí)表格會(huì)從數(shù)據(jù)庫表中進(jìn)行一次獲取數(shù)據(jù)的刷新。但是涉及到存貯數(shù)據(jù)的表中數(shù)據(jù)來源于另一張表時(shí)能真,進(jìn)入頁面時(shí)置只會(huì)從當(dāng)前的數(shù)據(jù)庫表獲取數(shù)據(jù)赁严,通過觸發(fā)按鈕進(jìn)行當(dāng)前表的數(shù)據(jù)的更新,并且通常情況下只做數(shù)據(jù)的條數(shù)的增加粉铐,不做刪除操作疼约。