layui 表格重載參數不更新的問題

使用Layui table重載時,發現若是前端多選,減小選項,後臺接收的參數不會變化,使用的仍是以前的搜索條件。前端

 
 
//執行重載
table.reload('UserTable', {
page: {
curr: 1 //從新從第 1 頁開始
},
where: {
key: {
name: searchName.val(),
selected_position:position.getValue('value'),
       }
    },
  }

 

  • 前端第一次查詢選擇參數:

 後端接收: 'key[selected_position][]': ['7', '8']後端

 

  • 第二次查詢:

  後端接收:'key[selected_position][]': ['7', '8']數組

 

具體問題緣由未知,參考了網上的解決方案:https://blog.csdn.net/zhuxun_why/article/details/105640387ui

考慮把多選的數組轉換爲字符串,而後交給後臺進行接收,這樣就和普通的搜索框,內容一旦有變化就會更新。調整代碼:spa

table.reload('UserTable', {
    page: {
        curr: 1 //從新從第 1 頁開始
    },
    where: {
        key: {
            name: searchName.val(),
            selected_position:position.getValue('value').toString(),
       }
     },
   }

 

第一次查詢結果:'key[selected_position]': ['7,8'].net

第二次查詢結果:'key[selected_position]': ['7']code

後端接收的查詢結果已經變化,再進行字符串轉換處理,獲得真正的搜索選項。blog

相關文章
相關標籤/搜索