kayui进行添加_layui实现点击按钮添加一行的方法

该博客讲述了如何利用Ajax从服务器获取数据,并将数据填充到layui的表格中进行展示。首先,通过Ajax发送POST请求获取组织列表,然后将数据赋值给变量organData。接着,使用layui的table模块,通过data参数将organData传递给表格进行渲染,展示组织编码、组织名称等信息,并提供了操作列。同时,博客还展示了如何设置分页和错误提示。
摘要由CSDN通过智能技术生成

1、用ajax请求将数据取出存于变量,将变量赋值给table的datavar organData = [];

$.ajax({

url: baseUrl+'/org/getSysOrgList'

,type:"POST"

,async:false

,dataType:"json"

, success: function(result){

organData=result;

}

});

2、将数据通过data方式传值table.render({

elem: '#organ-manage-list'

,data:organData

,method:'POST'

,cols: [[

{field: 'orgCode', width: 100, title: '组织编码', sort: true}

,{field: 'orgName', title: '组织名称', width: 200}

,{field: 'pOrgCode', title: '上级行政组织', width: 100}

,{field: 'orgModal', title: '组织形态', width: 100}

,{field: 'isSelfOrg', title: '是否核算组织', width: 100}

,{field: 'status', title: '启/停用', width: 100}

,{field: 'updTime', title: '更新时间', width: 200}

,{title: '操作',align:'center', fixed: 'right', toolbar: '#table-organ-operator'}

]]

,page: true

,limit: 10

,height: 'full-220'

,done: function(res, curr, count){

//如果是异步请求数据方式,res即为你接口返回的信息。

//如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度

sessionStorage.setItem("countTemp",count);

}

,text: '对不起,加载出现异常!'

});

更多layui知识请关注PHP中文网layui教程栏目

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值