效果如上;
第一圖的頁面: 上面就是普通的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可以設置同步和異步方式,
不同的方式出來的效果可能不一樣。