RM新时代网站-首页

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

關(guān)于鴻蒙系統(tǒng)的列表增加和刪除組件

454398 ? 來源:51CTO ? 作者:我是小花妖 ? 2021-01-27 14:15 ? 次閱讀

今天主要簡單講一下在做列表的增加和刪除組件時(shí)的幾個(gè)細(xì)節(jié)注意事項(xiàng),上圖:

圖1:刪除操作是不可逆的,數(shù)據(jù)無法恢復(fù),所以加上“操作提示”將有效避免客戶因誤刪數(shù)據(jù)帶來的麻煩,大大增加了數(shù)據(jù)維護(hù)的穩(wěn)定性。

o4YBAGARBIOARN21AASdAzp_sys608.png

圖2:“操作提示:prompt.showDialog( )”和“刪除:splice( )”功能如何實(shí)現(xiàn)

e5f184c5118e89eb32c343f82b3d96d429c84f.jpg

圖3:添加表單中提示需要輸入的數(shù)據(jù)類型,讓客戶輕松操作。

26d1d43769b8b2234c868779b903a72ea3b22d.jpg

圖4:“在頭部添加數(shù)據(jù):unshift”功能

92cda8122304f2cafe1587d16afdd34aca3bd7.jpg

圖五:“在尾部添加數(shù)據(jù):push”功能

d65895055adffffd9687208dbcc690f816dc43.jpg

圖6://避免在success函數(shù)中引用同名,執(zhí)行重命名操作“l(fā)et that=this;”

c7b79b7567c1218a9bd5480bd7b4209ccb7cec.jpg


編輯:hfy

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報(bào)投訴
  • 鴻蒙系統(tǒng)
    +關(guān)注

    關(guān)注

    183

    文章

    2634

    瀏覽量

    66302
收藏 人收藏

    評論

    相關(guān)推薦

    鴻蒙開發(fā)基礎(chǔ)-Web組件之cookie操作

    賬戶中心。 cookie讀寫操作 首次打開應(yīng)用時(shí),應(yīng)用首頁的Web組件內(nèi)呈現(xiàn)的是登錄界面。用戶完成登錄操作后,會(huì)跳轉(zhuǎn)至賬號中心界面。首頁包含“讀取cookie”、“設(shè)置cookie”和“刪除cookie
    發(fā)表于 01-14 21:31

    鴻蒙開發(fā)OpenHarmony組件復(fù)用案例

    ; ...... } 開發(fā)實(shí)踐 我們看下組件復(fù)用的實(shí)際使用案例。示例中,會(huì)創(chuàng)建一個(gè)圖片列表頁面,使用懶加載LazyForEach,以及組件復(fù)用能力。 創(chuàng)建數(shù)據(jù)源 首先,創(chuàng)建了一個(gè)業(yè)務(wù)對象類MyImage
    發(fā)表于 01-15 17:37

    鴻蒙開發(fā)實(shí)戰(zhàn)-(ArkUI)List組件和Grid組件的使用

    一系列相同寬度的列表項(xiàng),連續(xù)、多行呈現(xiàn)同類數(shù)據(jù),例如圖片和文本。常見的列表有線性列表(List列表)和網(wǎng)格布局(Grid列表): 為了幫助
    發(fā)表于 01-18 20:18

    【mfxp】Windows XP系統(tǒng)刪除增加漢字輸入法的方法

    如今看來,輸入法已經(jīng)到了泛濫的地步,各式各樣的輸入法都有,當(dāng)然還有XP系統(tǒng)下載系統(tǒng)內(nèi)置的輸入法,如果有一天你想增加或者刪除都可以,下面就教你怎么
    發(fā)表于 01-31 11:24

    【jiasuba】深度隱藏在XP系統(tǒng)里的組件如何徹底刪除

    在xp系統(tǒng)中,有些組件是不必要的,我們可以去刪除它,可是奇怪的是這些組件似乎會(huì)捉迷藏似的,總是隱藏得特別深,我們?nèi)绾螌⑺麄兩钔诔鰜怼D敲?,我們?nèi)绾尾拍茏屔疃入[藏在XP
    發(fā)表于 02-25 09:35

    無法從最近的項(xiàng)目列表刪除刪除的項(xiàng)目

    你好,這里有清除WindowsXPI上的“File/Open Recent Project”列表的方法,XPI刪除了一個(gè)目錄并重命名了另一個(gè)目錄,并且希望從最近的項(xiàng)目列表中清除那些項(xiàng)目,但是X
    發(fā)表于 09-20 12:45

    #2020征文-手機(jī)#圖解鴻蒙列表組件ListContainer

    一、什么是ListContainer ListContainer是用來呈現(xiàn)連續(xù)、多行數(shù)據(jù)的列表組件,包含一系列相同類型的列表項(xiàng)。如下圖所示:二、ListContainer的架構(gòu)視圖
    發(fā)表于 12-29 10:31

    如何在鴻蒙2.0系統(tǒng)上移植增加藍(lán)牙驅(qū)動(dòng)?

    過來不行,而且對于鴻蒙編譯我也特別有,比如這個(gè)文件夾,我該在哪個(gè)類似的列表中勾選那個(gè)東西去添加這個(gè)驅(qū)動(dòng)?3.1源碼子系統(tǒng)通信藍(lán)牙相關(guān)的文件夾/foundation/communication
    發(fā)表于 05-13 10:13

    蘋果 | iOS 13允許用戶從更新列表刪除應(yīng)用程序!

    當(dāng)您在手機(jī)上更新應(yīng)用或查看最近更新的應(yīng)用時(shí),您可以向左滑動(dòng)列表中的任何應(yīng)用以顯示“刪除”選項(xiàng)。
    的頭像 發(fā)表于 06-10 16:35 ?2983次閱讀

    關(guān)于鴻蒙操作系統(tǒng) 你還有哪些疑問?

    關(guān)于鴻蒙操作系統(tǒng),你是不是還有許多小疑問。
    的頭像 發(fā)表于 06-02 20:17 ?1702次閱讀

    鴻蒙系統(tǒng)怎么升級 華為鴻蒙系統(tǒng)升級入口

    近日,華為技術(shù)有限公司舉辦了關(guān)于鴻蒙操作系統(tǒng)的線上發(fā)布會(huì),隨后正式發(fā)布了鴻蒙操作系統(tǒng)。那么,問題來了,
    的頭像 發(fā)表于 06-06 14:24 ?8885次閱讀

    鴻蒙支持機(jī)型列表 華為p20能升級鴻蒙操作系統(tǒng)

    距離鴻蒙操作系統(tǒng)的正式發(fā)布已經(jīng)有一段時(shí)間了,對于華為鴻蒙OS而言,熱度只增不減的原因不僅僅因?yàn)樗菄a(chǎn),它也不單單是一個(gè)手機(jī)系統(tǒng),它是一個(gè)基于微內(nèi)核的一個(gè)。那么,首批
    的頭像 發(fā)表于 06-15 11:05 ?4591次閱讀

    如何在鴻蒙上實(shí)現(xiàn)聊天列表滑動(dòng)刪除功能

    00000011115 81264 本文介紹列表滑動(dòng)刪除列表中只允許滑出其中一項(xiàng) 如果有打開的項(xiàng),點(diǎn)擊或滑動(dòng)其他項(xiàng)都會(huì)關(guān)閉打開的項(xiàng) 點(diǎn)擊刪除,刷新
    的頭像 發(fā)表于 12-03 10:55 ?3137次閱讀

    鴻蒙ArkUI開發(fā)-Tabs組件的使用

    鴻蒙ArkUI開發(fā)-Tabs組件的使用
    的頭像 發(fā)表于 01-19 16:01 ?1873次閱讀
    <b class='flag-5'>鴻蒙</b>ArkUI開發(fā)-Tabs<b class='flag-5'>組件</b>的使用

    鴻蒙ArkTS容器組件:ListItemGroup

    組件用來展示列表item分組,寬度默認(rèn)充滿[List]組件,必須配合List組件來使用。
    的頭像 發(fā)表于 07-10 09:20 ?663次閱讀
    <b class='flag-5'>鴻蒙</b>ArkTS容器<b class='flag-5'>組件</b>:ListItemGroup
    RM新时代网站-首页