JS實現刪除一行資料,頁面序號重新排序功能。

2021-09-24 09:23:15 字數 915 閱讀 2704

【廢話,可以直接跳到重點實現】針對這類問題,先整理一下需求和思路:

需求:有乙個列表資料,序號為1,2,3...10 刪除其中任意一行,比如3,剩餘1,2,4...10還要按照1,2,3...9的順序來排序。然後你在根據你的業務場景去處理你想要的結果集。

思路:1,前端展示序號的時候,需要前端處理(js實現:對於刪除事件進行處理,首先獲取當前刪除行的序號,再將剩餘行序號減1即可)。

2,前端不需要展示序號的時候,可以前端或者後端處理(後端對資料重新排序實現,此文忽略)。

【實現】

1,html頁面:

部分靜態html頁面:

新增按鈕事件:

【重點實現】

【擴充套件分析】

對於列表資料,進行form表單提交的時候,往往是整體資料提交,存在較多的資料量。可以根據form表單提交的性質,修改有規則的name屬性值,就可以在後台拿到對應的資料集。此時上文中的每個name屬性的值的作用就能體現出來了。

如:name="irmcontenttime1",name="irmcontenttime2"

在後台就可以直接根據這樣的規則去遍歷或者有針對性的處理業務資料,同時對於頁面有規則的處理也有較大的方便之處。

如何刪除datatable中的一行資料

在c 中,如果要刪除datatable中的某一行,大約有以下幾種辦法 1,使用datatable.rows.remove datarow 或者datatable.rows.removeat index 可以直接刪除行 2,datatable.rows i delete delete 之後需要data...

pandas 增加一行資料

常用的方法 df dataframe columns lib qty1 qty2 for i in range 5 df.loc i randint 1,1 for n in range 3 loc可以對沒有的 index 進行賦值,而 iloc 則不允許,iloc只能對已經存在的位置進行操作。pr...

mysql 一行資料拆分多行

查詢出被逗號分隔字段需要拆分的最大數量 select max length 逗號分隔的字段 length replace 逗號分隔的字段,1 from 處理表 where 條件 建立一張臨時表用於聯合查詢,方便把處理表單行記錄分隔為多行 create temporary table incre ta...