前端-彈出的表單上面,加上一個臨時的保存表的處理

效果如上;

第一圖的頁面: 上面就是普通的html,需要點擊編輯  弄一下跳轉的鏈接,點擊就會過去了。數據的交互,通過js。

1.點擊的哪一行,需要傳遞一個id,在js中需要解析這個id。

2.保存的時候,需要是一個json數據,下面的序號和處置卡名稱,主要負責人,不是作爲一個表,沒有表id的,需要把裏面的

數據取出來,編成字符串的格式。(不是固定的,主要的是後臺dto的數據接口,對於下表數據的處理就是string)。

保存的操作,主要通過parm這個對象,只需要把parm類中的各個字段都設置成dto所需要的數據即可,不符合數據類型的需要進行一下數據類型的轉換。     通過ajax發送的,設置路徑,傳入的信息源,我這裏叫parm,也可以是一個數組,或者其他。

我們保存的時候結束的時候,調用layui的close方法,點擊後這個保存的頁面就消失。

3.對每一行數據表的編輯操作,需要傳入一個這一行表的id。

需要寫一個監聽操作,這個表上的什麼操作,觸發了什麼事件;  table.on('tool(' + listid +')',_event.tool);

這些代碼都需要放在layui use 模板的下面,不然獲取不到 table對象。無法對tale對象進行操作。

點編輯的時候會跳出一個頁面,用table.render 可以彈出一個表。。。

如果數據來源是從數據庫來的,那麼表的裏面的fieldid需要 和數據庫設計的 字段名字保持一致。

如果數據來源不是從數據庫來的,那麼表的裏面的fieldid需要和自己設計的表的name名字保持一致。

4.列表的數據是從數據庫裏面來的,需要發送ajax請求。調用數據的接口。ajax可以設置同步和異步方式,

不同的方式出來的效果可能不一樣。

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章