layui-table的相关问题

layui--table格式:

这里介绍一个非demo的写法:

1.在html中直接写table,而不是在js中渲染。这里注意将lay-data设置一下,绑定一个id,方便js中重载绑定这个table

       lay-data="{page:true, id:'mainList'}"

       lay-filter="mainList" lay-size="sm">

        <th lay-data="{checkbox:true, fixed: true}">

        <th lay-data="{field:'name',sort: true,width:250}">项目名称

        <th lay-data="{field:'establish_dept',sort: true,width:200}">发布部门

        <th lay-data="{field:'establish_time',width:150}">发布时间

        <th lay-data="{field:'startdate',width:150}">开始时间

        <th lay-data="{field:'enddate',width:150}">结束时间

        <th lay-data="{field:'project_level',width:10}">项目级别

</table>

然后在js中重载table:

var config = {};//table的参数,如搜索key,点击tree的id

var mainList =function (options) {//前面注意要定义layui.table,在layui.use里也记得添加table

if (options != undefined) {

$.extend(config, options);

}

table.reload('mainList',

{

elem:"#mainList",

url: urls,

where: config,

response:{//response定义返回json数据的状态码,返回信息,返回数据行数和数据流

    statusName:"code",//数据状态的字段名称,默认“code”

    statusCode:0,//成功的状态码

    msgName:"msg",//状态信息名称,默认msg

    countName:"count",//数据总数字段名称,就是table显示多少行,默认count

    dataName:"data",},//数据列表

});

};

mainList();

然后,在后端要返回一个官方定义的table返回数据。不符合table的数据格式要求就会报错,所以要对后端object.all的数据进行处理:

def inquiry(request):

if request.method =="GET":

projects = EstablishProject.objects.all()//这里只是一个QuerrySet数据格式

data = []#table这里需要的data是一个列表,每一行数据是一个元素,每个元素又是个字典

detail_data = {}#单行数据用detail_data表示,然后通过for循环不断更新detail_data,存入data列表中

count =0

for detailin projects:

detail_data = dict()#对每一次的for循环,都先清空detail_data,不然数据可能无法进行更新

detail_data["id"] = detail.id

detail_data["name"] = detail.name

detail_data["startdate"] = str(detail.startdate)

detail_data["enddate"] = str(detail.enddate)

detail_data["establish_dept"] = detail.establish_dept

detail_data["establish_time"] = str(detail.establish_time)

detail_data["project_level"] = detail.project_level

print(detail_data)

data.append(detail_data)

count = count +1

      postmsg = {"code":0, "msg":"", "count": count, "data": data}

print(postmsg)

return HttpResponse(json.dumps(postmsg), content_type="application/json")

layui的table问题:

在Django中,使用demo中的写法,即通过把后端转化为json数据然后异步动态加载数据。这里相较于在html中写一个内嵌的python语句进行一个for循环get到数据来讲要高级一点,而且后面再做table重载也更加方便,但是我们在做的时候,发现报错:返回的数据状态异常:paramerror

然后我看了很多文章,这里将所有可能出现这个报错的原因都总结一下。

1.后端返回的数据不是json格式的,layui.table需要json格式的数据,不然只能做成同步提交的静态页面

2.后端返回的数据不是按照layui的table数据流要求,详见:官方定义的table返回数据

3.数据不能显示,print打印不出数据:原因可能是直接用object.all()返回的东西放到data[]里,这肯定不行的,因为querryset格式这里是列表是不认的(因为我print列表没有数据)。需要写个循环通过字典来获取所有数据。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,014评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,796评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,484评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,830评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,946评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,114评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,182评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,927评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,369评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,678评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,832评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,533评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,166评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,885评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,128评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,659评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,738评论 2 351

推荐阅读更多精彩内容

  • 细水长流 | 结合场景谈服务发现和配置 原创:何煦 本文将围绕“Where”,讲述 Nacos 配置管理的三个典型...
    喵喵唔的老巢阅读 495评论 0 0
  • JSP 可以与 HTML form 标签一起使用,来允许用户上传文件到服务器。上传的文件可以是文本文件或图像文件或...
    长街_9c90阅读 176评论 0 0
  • import React from "react"; import { Text, View, Image } f...
    Glide_Retrofit阅读 150评论 0 0
  • 大家学习了一期或者两期情绪密码,那么请问大家什么是情绪。——功夫熊猫 情绪是生命力的表征,是我时刻的状态,就是我的...
    丽的自白书阅读 155评论 0 0
  • 这个假期,我有幸参加了AIESEC在捷克的教育类项目EDISONPEOJECT,回国刚刚几天,今早收拾行李看...
    sophieloveczech阅读 1,121评论 0 2