6618自助建站系统源码,站规划在网站建设中的作用,seo赚钱暴利,平台网站建设意见征求表有时候我们会自定义组装一些数据#xff0c;发送给后端#xff0c;让后端来进行筛选#xff0c;这里有一个示例
const onComSearchIdEq () {// 展开公共搜索baTable.table.showComSearch true/*** 公共搜索表单赋值* 范围搜索有两个输入框#xff0c;输入框绑定变量…有时候我们会自定义组装一些数据发送给后端让后端来进行筛选这里有一个示例
const onComSearchIdEq () {// 展开公共搜索baTable.table.showComSearch true/*** 公共搜索表单赋值* 范围搜索有两个输入框输入框绑定变量分别为 字段名-start 和 字段名-end* 当前是范围搜索的等于示例所以 start 和 end 均为1*/baTable.comSearch.form Object.assign(baTable.comSearch.form, {id-start: 1,id-end: 1,})/*** 组装发送给服务端的筛选条件数据*/const fieldDataTemp baTable.comSearch.fieldData.get(id) // 获取 id 字段的公共搜索数据它由 baTable 自动初始化if (fieldDataTemp) {// 筛选数据组装let comSearchData: comSearchData {field: id, // 筛选字段val: 1,1, // 范围查询的 start 值和 end 值直接使用逗号分隔operator: fieldDataTemp.operator, // 公共搜索操作符号render: fieldDataTemp.render, // 字段渲染方案}let index getArrayKey(baTable.table.filter!.search!, field, id) // 查询是否已经有 id 字段的筛选数据if (!index) {// push 到要发送给服务端的筛选条件数组中baTable.table.filter!.search!.push(comSearchData) // 无则 push} else {baTable.table.filter!.search![index] comSearchData // 有则重新赋值}// 重新请求表格数据刷新表格baTable.onTableHeaderAction(refresh, {})} else {console.log(没有找到 id 字段的公共搜索数据因为该字段禁止了公共搜索)}
}从上面的代码中 可以看到 主要是组装了一个 comSearchData的数组之后调用 baTable.onTableHeaderAction(‘refresh’,{}) 的方法刷新了一下表格就可以了。 为什么是这样就可以了 找到 refresh 方法 调用了 getIndex()方法 找到index 的方法这里有一个 this.table.filter 找到 filter 可以看到 comSearchDAta 是在这里的也就是说表格每一次刷新都会使用搜索中的数据 所以 我们更改了 comSearchData之后直接刷新表格就有效果了