<script>
layui.use('table', function () {
var table = layui.table;
//第一个实例
table.render({
elem: '#test'
, height: 312
, url: '/Team/GetList' //数据接口 默认传递page和limit
, method: 'post'
, page: true //开启分页
, limit: 15//每页数据量
, request: {//传递的参数
pageName: 'pageindex'//修改第一个参数名称,默认page
}
//, where: {search:'a'} //其他参数
, parseData: function (res) { //res 即为原始返回的数据
debugger;
return {
"code": res.code, //解析接口状态
"msg": res.msg, //解析提示文本
"count": res.count, //解析数据长度
"data": JSON.parse(res.data) //解析数据列表 --------------这里划重点,我就是被坑了一下午----------------
};
}
, cols: [[ //表头
{ field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left' }
, { field: 'code', title: '性别', width: 80, sort: true }
, { field: 'name', title: '用户名', width: 80 } //, { field: 'city', title: '城市', width: 80 }
//, { field: 'sign', title: '签名', width: 177 }
//, { field: 'experience', title: '积分', width: 80, sort: true }
//, { field: 'score', title: '评分', width: 80, sort: true }
//, { field: 'classify', title: '职业', width: 80 }
//, { field: 'wealth', title: '财富', width: 135, sort: true }
]]
}); });
</script>

今天遇到一天的坑,报错什么的。

第一:请求数据不管怎样都会默认加上page(页码)和limit(每页数量)。必须会有2个参数,可以用rquset修改参数名字。添加其他参数可以使用Where。这些官方帮助文档都有的。

第二:返回的数据格式上,不是直接返回data。有默认格式,返回的格式也可以用修改,这就不多说了,官方帮助文档有的。

第三:用parseData接收数据,将数据转换为json对象 Json对象

最后,自己摸索就是蓝受,得费好多时间,不过也是一劳永逸的事!淦,我发现字体缩小不了了,算了

  <table class="layui-table layui-form" id="test" lay-filter="test"></table>
////////////////////////这是我的后台代码 使用的mvc
/// <summary>
/// 获取数据列表
/// </summary>
/// <param name="pageindex">页码</param>
/// <param name="limit">每页数量</param>
/// <returns></returns>
public ActionResult GetList(int pageindex, int limit)
{
TeamBLL manage = new TeamBLL();
List<team> listTeam = manage.GetList(pageindex,limit);
var jsonData = new
{
code = 0,
msg = "",
count = 500,
data = listTeam.ToJson()
};
return Content(jsonData.ToJson());
}

layui的table数据匹配问题的更多相关文章

  1. LayUI之table数据表格获取行、行高亮等相关操作

    前言 目前LayUI数据表格既美观有不乏一些实用功能.基本上表格应有的操作已经具备,LayUI作者[贤心]肯定是煞费苦心去优化,此处致敬.但是实话实话,如果单纯那数据表格功能来说,EasUI的数据表格 ...

  2. layui table 数据表格固定列的行高和table其他列的行高不一致

    1.问题描述:使用layui的table数据表格,固定某一列,这样表格中数据的宽度超出屏幕宽度时,固定列可以一直显示在屏幕中,不会随着底部滚动栏左右的拖动而变化位置.但是遇到一个问题,就是固定列的行高 ...

  3. layui table数据表格reload where参数保留问题

    layui table数据表格reload where参数保留问题 在使用layui过程中多多少少会遇到些问题 table reload 有个坑:reload时where参数会保留上次的参数,如果用 ...

  4. 分享layui的table的一些小技巧,前端分页

    最近一直在折腾报表,期间使用了layui的table做展示(版本号:2.5.5) 起初:以为是查询结果出来后,前端和服务端分页一弄就完事了,参考例子,但是sql写得太长太长了,翻页困难,数据库是老旧的 ...

  5. layui(四)——table组件常见用法总结

    table是 layui 最核心的组成之一.它用于对表格进行一些列功能和动态化数据操作,涵盖了日常业务所涉及的几乎全部需求.支持固定表头.固定行.固定列左/列右,支持拖拽改变列宽度,支持排序,支持多级 ...

  6. 如何在Lua与C/C++之间实现table数据的交换

    之前在<C/C++和Lua是如何进行通信的?>一文中简单的介绍了lua与宿主之间的通信.简单的说两种不同的语言之间数据类型不一样又如何进行数据交换呢?那就是lua_State虚拟栈,通过栈 ...

  7. Layui Excle/csv数据导出

    官方文档的数据是这样的 依赖 Layui 2.4版本以上 layui.use([ 'table'], function(){ var table=layui.table; table.exportFi ...

  8. layui教程---table

    layui.config({ base: "${ctx}/static/js/" }).use(['form', 'layer', 'jquery', 'common','elem ...

  9. layui之table.render使用(含后台详细代码实现)

    效果图如下: 前端实现代码如图(完整代码): <!DOCTYPE html> <html> <head> <meta charset="utf-8& ...

  10. 【转载】使用Pandas进行数据匹配

    使用Pandas进行数据匹配 本文转载自:蓝鲸的网站分析笔记 原文链接:使用Pandas进行数据匹配 目录 merge()介绍 inner模式匹配 lefg模式匹配 right模式匹配 outer模式 ...

随机推荐

  1. KingbaseES V8R6C5集群部署启动securecmdd服务配置案例

    案例说明: 对于KingbaseES V8R6C5版本在部集群时,需要建立kingbase.root用户在节点间的ssh互信,如果在生产环境禁用root用户ssh登录,则通过ssh部署会失败:在图形化 ...

  2. MySQL半同步复制源码解析

    今天 DBA 同事问了一个问题,MySQL在半同步复制的场景下,当关闭从节点时使得从节点的数量 < rpl_semi_sync_master_wait_for_slave_count时,show ...

  3. python 模块、原始字符串

    模块 三种方法: import from 模块 import 成员,成员 from 模块 import * *代表所有的成员 隐藏成员: 模块中以下划线_开头的属性 隐藏成员不会被from 模块 im ...

  4. Windows服务器无法配置IP

    前天在给一台服务器配置IP地址的时候发现一个奇怪的问题.IP地址配置之后不生效,还是使用的169.254这个微软保留自动分配地址.由于这个是一台虚拟机,尝试了删除添加网卡也没有用.配置IP不成功的时候 ...

  5. Exchange 2019中的Unified Messaging(UM)

    前天,刚刚安装了测试用的Exchange 2019.安装过程和之前的2016一样,非常顺利.但是在用ECP管理服务器的时候遇到了一个报错.The term 'Get-UMService' is not ...

  6. Unity接入微信支付SDK 2022年版安卓篇

    最近1年转了UE开发,博客更新的比较少,技术栈宽了不少,以后有空尽量多更新,也方便总结记忆 Unity接入微信支付整个过程坑比较多,网上之前的教程要么比较老,要么比较零碎,只能东拼西凑摸索,跑通后还是 ...

  7. 我也是一个“翻译家”——关于“robust”

    每次看到"鲁棒性",总是不知道是什么意思,一度怀疑自己是不是中国人,是不是说汉语.每次都要查英汉字典,然后一次次看到: robust(adj.精力充沛的; 坚定的; 粗野的,粗鲁的 ...

  8. tomcat的catalina.out日志按自定义时间格式进行分割

    默认情况下,tomcat的catalina.out日志文件是没有像其它日志一样,按日期进行分割,而是全部输出全部写入到一个catalina.out,这样日积月累就会造成.out日志越来越大,给管理造成 ...

  9. 洛谷P4147 玉蟾宫 (单调栈)

    要求我们去找一个最大矩形面积. 单调栈做法(和P1950 长方形那道题类似(一模一样)). 1 #include<bits/stdc++.h> 2 using namespace std; ...

  10. Golang可能会踩的58个坑之初级篇

    前言 Go 是一门简单有趣的编程语言,与其他语言一样,在使用时不免会遇到很多坑,不过它们大多不是 Go 本身的设计缺陷.如果你刚从其他语言转到 Go,那这篇文章里的坑多半会踩到. 如果花时间学习官方 ...