layui表单数据重载全局搜索

场景描述：点击下图中的搜索按钮，会异步更新表单数据，不会使得整个页面刷新。

实现代码如下，重载方法中的where是新增的参数，就是你原来加载数据列表的参数（如url、method等）也会附带上，不过新添加了where中的参数。

<body>
<select id="finishStatus">......
</select><div class="layui-input-inline"><input type="text" id="taskName" placeholder="请输入任务名称" autocomplete="off" class="layui-input"></div><div class="layui-input-inline"><button type="button" class="layui-btn layui-btn-md" onclick="searchTask()">搜索</button></div><table id="taskList" lay-filter="table"></table>
</body><script>function searchTask() {var finishStatus = $("#finishStatus").val();var taskName = $("#taskName").val();layui.table.reload('taskList',{where:{finishStatus:finishStatus,taskName:taskName}})}
</script>

layui表单数据重载全局搜索相关推荐

一行代码回显 LayUI表单数据回显下拉列表select回显
第一步: 要在回显的form表单上面加一个lay-filter属性放在下面以便复制 lay-filter的值可改为自己想要的 <form class="layui-form&q ...
使用validate.js实现表单数据验证
ASP.NET关于表单验证,目前知道的,除了以前那种傻瓜式的每个表单选项都用一个函数去验证之外,有两种方法是比较方便的,今天先介绍一下第一种,在前端实现表单验证的方法--基于validate.js的表 ...
layui表格使用之重载
layui表格使用之重载(reload) 近期由于项目使用到layui,所以下班后花了点时间学习了一下layui ,记录分享一下学习心得与踩坑经验需求描述: 按照创建时间查询xxx表数据需要支持条件 ...
ajax异步提交 java_jquery ajax异步提交表单数据的方法
使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的: 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据 ...
数据验证html,JavaScript 表单数据验证
JavaScript 表单 HTML 表单验证可以通过 JavaScript 来完成. HTML 表单验证也可以通过浏览器来自动完成. 如果表单字段 (fname) 的值为空, required 属性 ...
小程序将form表单数据写入云数据库
小程序将form表单数据写入云数据库  <view class='forms'><form bind ...
python提交表单无效_使用Django Form解决表单数据无法动态刷新的两种方法
一.无法动态更新数据的实例 1. 如下,数据库中创建了班级表和教师表,两张表的对应关系为"多对多" from django.db import models class Class ...
php yii2自动给值,Yii2基于Ajax自动获取表单数据的方法
本文实例讲述了Yii2基于Ajax自动获取表单数据的方法.分享给大家供大家参考,具体如下: 这里有两张表,表结构如下,locations表存放的省份和邮编等信息,两张表的model和curd均使用gi ...
jquery java json转字符串_用jQuery以及JSON包将表单数据转为JSON字符串
用jQuery以及JSON包将表单数据转为JSON字符串 [日期:2013-01-10] 来源:Linux社区作者:Linux [字体:大中小] 提供一个将表单数据转为json对象,再转为字符串 ...

layui表单数据重载全局搜索

layui表单数据重载全局搜索相关推荐

最新文章

热门文章

layui表单数据重载 全局搜索

layui表单数据重载 全局搜索相关推荐

最新文章

热门文章

layui表单数据重载全局搜索

layui表单数据重载全局搜索相关推荐