layui数据表格重载实现往后台传参_table.reload资源-CSDN文库

table

145 浏览量 2020-12-30 02:01:48 上传评论收藏 96KB PDF 举报

资源推荐

资源详情

资源评论

layui数据表格重载实现往后台传参数据表格重载实现往后台传参

1、网上的代码：、网上的代码：

搜索商户： <div class="layui-inline">

</div>

在js加入初始化代码和定义加载方法

layui.use('table', function(){

var table = layui.table;

//方法级渲染

table.render({

elem: '#LAY_table_user'

,url: 'UVServlet'

,cols: [[

{checkbox: true, fixed: true}

,{field:'id', title: 'ID', width:80, sort: true, fixed: true}

,{field:'aid', title: '商户', width:80, sort: true}

,{field:'uv', title: '访问量', width:80, sort: true,edit:true}

,{field:'date', title: '日期', width:180}

,{field:'datatype', title: '日期类型', width:100}

]] ,id: 'testReload'

,page: true

,height: 600

});

var $ = layui.$, active = {

reload: function(){

var demoReload = $('#demoReload');

table.reload('testReload', {

where: {

keyword: demoReload.val()

}

});

}

};

)};

绑定click点击事件

$('.demoTable .layui-btn').on('click', function(){ var type = $(this).data('type'); //注意顶一个括号中的格式，class用.id用#，中间有一个空格

active[type] ? active[type].call(this) : '';

});

此时点击查询按钮，会将keyword这个关键字传到后端，接下来就是自己处理查询关键字业务了。

到目前为止，搜索也有了，分页也有了,对了，分页会自动传到后端page,limit2个值到后台，相当于（pageindex,pagesize）

2、实践，、实践，

（1）html页面及javascript代码如下：

{% extends 'common.html'%}

{% block content %}

</div>

</div>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

评论收藏

内容反馈

weixin_38656676

粉丝: 4
资源: 950

layui数据表格重载实现往后台传参

layui表格数据重载

layui数据表格实现重载数据表格功能(搜索功能）

浅谈layui框架自带分页和表格重载的接口解析问题

layui treeTable生成树形表格实例

Layui树形表格treetable

LayUI table 刷新页面不重置页码

LayUI含表格的TreeTable

layui-tree树形模板

layui实现把数据表格时间戳转换为时间格式的例子

layui的数据表格+springmvc实现搜索功能的例子

layui 数据表格复选框实现单选功能的例子

layui菜单管理（树结构）

layui组件之树形下拉框

layui树形菜单动态遍历的例子

Python django搭建layui提交表单,表格,图标的实例

layui实现数据表格隐藏列的示例

layui使用数据表格实现购物车功能

php+layui数据表格实现数据分页渲染代码

layui实现显示数据表格和搜索功能示例

layui实现数据表格点击搜索功能

springboot+layui实现数据表格.zip

layui实现数据表格自定义数据项

最新资源