edit类型 layui_layui实现显示数据表格、搜索和修改功能示例

本文通过实例展示了如何使用layui框架实现数据表格的显示、搜索和编辑功能。详细介绍了layui的table组件配置,包括列定义、分页设置等,并提供了单元格数据修改的监听方法。通过监听单元格编辑事件,结合后台接口完成数据更新操作。
摘要由CSDN通过智能技术生成

本文实例讲述了layui实现显示数据表格、搜索和修改功能。分享给大家供大家参考,具体如下:

搜索

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

var table = layui.table;

table.render({

elem: '#test'

,url:'/getdata.php'

,cellminwidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增

,page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档

layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局

//,curr: 5 //设定初始在第 5 页

,groups: 1 //只显示 1 个连续页码

,first: false //不显示首页

,last: false //不显示尾页

}

,cols: [[

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

,{field:'columnname', width:80, title: '字段名'}

,{field:'descriptioncn', width:80, title: '中文描述&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值