設(shè)計(jì)觀察05-設(shè)計(jì)中表格說明匯總

表格主要涉及搜索哺眯,批量操作按鈕,表格內(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ù)的增加粉铐,不做刪除操作疼约。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市蝙泼,隨后出現(xiàn)的幾起案子哨免,更是在濱河造成了極大的恐慌,老刑警劉巖采桃,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件衔蹲,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了贱枣?”我有些...
    開封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵晓避,是天一觀的道長。 經(jīng)常有香客問我,道長搞隐,這世上最難降的妖魔是什么终娃? 我笑而不...
    開封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘净蚤。我一直安慰自己橘荠,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開白布错邦。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天怖现,我揣著相機(jī)與錄音,去河邊找鬼璧亚。 笑死,一個(gè)胖子當(dāng)著我的面吹牛濒生,可吹牛的內(nèi)容都是我干的罪治。 我是一名探鬼主播晒骇,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼瘤缩,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼剥啤!你這毒婦竟也來了府怯?” 一聲冷哼從身側(cè)響起域帐,我...
    開封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤龙优,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后窘疮,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體身冬,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡岔乔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年酥筝,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片雏门。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡嘿歌,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出茁影,到底是詐尸還是另有隱情宙帝,我是刑警寧澤,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布募闲,位于F島的核電站步脓,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏浩螺。R本人自食惡果不足惜靴患,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望要出。 院中可真熱鬧鸳君,春花似錦、人聲如沸患蹂。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至囱挑,卻和暖如春醉顽,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背看铆。 一陣腳步聲響...
    開封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來泰國打工徽鼎, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留盛末,地道東北人弹惦。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像悄但,于是被迫代替她去往敵國和親棠隐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容