layui动态添加input_layui 表格中添加input表单效果且实现数据监听

本文介绍了如何在layui表格中动态添加input输入框,并实现数据监听效果。通过示例代码展示了两种不同的实现方法,分别是直接在表格单元格内创建input并监听变化,以及使用layui的edit类型为文本,结合样式调整实现。最后提到layui表格组件在项目中的广泛应用和良好效果。
摘要由CSDN通过智能技术生成

在layui 表格中列操作中插入input 表单输入框,实现数据内容监听效果;

实现效果1:

代码实现:

layui.use(['form','layer', 'table', 'laytpl','laydate'], function() {

var layer = layui.layer,

$ = layui.jquery,

form = layui.form,

table = layui.table,

laytpl = layui.laytpl,

laydate = layui.laydate;

//请求条件

var where={start_time:start,end_time:end,status:status};

itemslist(where);

//渲染商品内容

function itemslist(where){

table.render({

elem: '#itemslist',

url:'/api/fresh/orderItems',

id:'itemslist',

toolbar: '#toolBar',

defaultToolbar: [],

title: '生成采购单商品',

where:where,

page:true,

cols: [[

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值