想要實現的效果如圖所示：
自己嘗試用layui框架結合Jquery來實現初步演示：http://nbdm.net/jquery.html
說下遇到的幾個問題：
問題1：第1天與第N天行程的表單提交的后是如何區分的？補充：目前是給所有的表單，根據行程天數來區分（如第1天景點表單name命名為"sight[1][]",第2天的為“sight[2][]”）示例圖如下：
問題2：表單提交后的先后順序與行程安排的不一致？示例圖如下：
問題3：刪除某1天行程的話，如何更新剩下行程的所有表單名？補充：目前只實現了“<h3 class="layui-timeline-title" data-day="1">第1天</h3>”能自動，按照剩下的行程數量來重新命名示例圖如下：
2 回答
狐的傳說
TA貢獻1804條經驗 獲得超3個贊
你好，這種數據一般提交到后臺都是要分表的，我粗略看下要我來設計至少要3張表
1.行程方案表
2.每日行程表
3.行程步驟表
這時整體數據結構大概是
//行程方案表
const DATA = {
//行程方案標題
//出發點
//目的地
//提交人
//...等等
children: [
//每日行程表
{
//行程方案表ID
//每日行程標題
//日期 第N天
//...等等
children: [
//行程步驟表
{
//行程方案表ID
//每日行程表ID
//步驟類型【機票，景點，餐飲，....】
//步驟內容
//...等等
}
]
}
],
};用類似這樣設計好的規范的數據結構去渲染視圖，你的問題就不復存在了
僅提供思路
- 2 回答
- 0 關注
- 657 瀏覽
添加回答
舉報
0/150
提交
取消