李 & lt; table id=癲atagrid",类=發ayui-table", lay-filter=癎rid",祝辞& lt;/table>
& lt; script 类型=拔谋?javascript"比;
layui.use([& # 39;表# 39;],函数(){
,,,var table =, layui.table;,//,加载
,,,table.render ({
elem: & # 39; # datagrid # 39;,,,//,这个是上面表的id
url: & # 39;这里是你的行动,,
关口:[[
,,,{类型:& # 39;复选框# 39;},
字段:& # 39;指数# 39;,,标题:,& # 39;序号& # 39;,,宽度:80年,模板:& # 39;# indexTpl& # 39;,:,真正的},
{字段:& # 39;id # 39;,,标题:,& # 39;操作& # 39;,对齐:& # 39;中心# 39;,模板:,& # 39;# checkboxisgs& # 39;,宽度:250},
{字段:& # 39;tsmxId& # 39;,,标题:,& # 39;推送详情& # 39;,模板:,& # 39;# checkboxistsmx& # 39;,:,真的,宽度:150},
{字段:& # 39;国旗# 39;,,标题:,& # 39;公示/未公示& # 39;,模板:,& # 39;# checkboxists& # 39;,:,真的,宽度:120},
{:& # 39;zzjgdm& # 39;,,标题:,& # 39;统一社会信用代码或组织机构代码& # 39;,:,真的,宽度:200},
{字段:& # 39;sqlx& # 39;,,标题:,& # 39;分类& # 39;,宽度:300}
{:& # 39;zhusuo& # 39;,,标题:,& # 39;机构地址& # 39;,宽度:300},
{字段:& # 39;sqlb& # 39;,,标题:,& # 39;说明& # 39;,宽度:300}
]],
页面,,,,,真的,,//,是否分页,
,,,身高:,500年,
,,,身高:,& # 39;全- 272 & # 39;
}）;
}
先说一下返回的数据格式:
,,{“count": 53,“data": [
,,,{“caoR":“admin",“id": 17日“icon":“和# xe614;“,“parentId": 0,“title":“系统设置“,“paiXu": 0,“caoDate":“2017 - 12 - 28“,“spread":“false",“href":“//薄ⅰ癷slock":“0”;},
,,,{“caoR":“admin",“id": 19日“icon":“和# xe612;“,“parentId": 17日“title":“角色管理“,“paiXu": 1,“caoDate":“2017 - 12 - 25“,“spread":“false",
,,,“href":“jsp/sysbase/rolemanager.jsp"“islock":“0”;},
,,,“code": 0,“msg":““}
,,
其才能中数:是总条数
,,,,,味精:,可以写自己想返回的错误信息
,,,,,
,,,另外想分页时候,后台接受参数为:
,,,,,,,page ,,当前页
,,,,,,,limit ,当前页条数,,默认10
,,,,,,,
& lt;/script>
& lt; !——,序号监听事件,——比;
& lt; script 类型=拔谋?html", id=癷ndexTpl"比;
{{d.LAY_TABLE_INDEX + 1}}
& lt;/script>
这个序号是针对当前页来分,比如说第一页,,序号1-10 ,第二页仍然是1 - 10
那么怎么让序号叠加?
代码：
,,,{类型:& # 39;数字# 39;,,标题:,& # 39;序号& # 39;,,宽度:80年:,真正},
,,,只需要把上面的序号监听,换成这句就可以了。
,,,,
怎么添加?
& lt; div 类=發ayui-btn-group Table"比;
& lt; button 类=發ayui-btn layui-btn-normal",数据类型=癮dd"比;
& lt;小姐:类=發ayui-icon"祝辞,# xe608; & lt;/i>添加
& lt;/button>
& lt;/div>
var ,美元=layui。美元,active =, {
添加:函数(){
var checkStatus =, table.checkStatus (& # 39; datagrid # 39;)
layer.open ({
标题:,“增加信息“,
类型:,2,
最大最小:,真的,
面积:,(& # 39;680 px # 39;,, & # 39; 580 px # 39;],
内容:& # 39;添加页面& # 39;,//,下面这句是,添加页面关闭后,刷新本页面。
结束:function (), {
location.reload ();
,,,}
,,,,,,,});
,,,,,,,},
}
在表中如何显示?
流转详情,删除吗?
代码如下:
& lt; !——,数据操作监听事件,——比;
& lt; script 类型=拔谋?html", id=癱heckboxisgs"比;
& lt; button 类=發ayui-btn layui-btn-xs", lay-event=癴lowInfo"在许可详情& lt;/button>
{{#,,如果(d.sjly ==, & # 39; 3 & # 39;,, d.flag==& # 39; 2 & # 39;) {,}}
& lt; button 类=發ayui-btn layui-btn-edit layui-btn-xs", lay-event=皍pdate"祝辞编辑& lt;/button>
& lt; button 类=發ayui-btn layui-btn-danger layui-btn-xs", lay-event=皉emove"在删除& lt;/button>
其他的{{#,}{,,}}
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
- <>
最近开发使用到了层,第一次接触,把开发中遇到的问题,和使用的方法记录下来。
数据表格的展示。如下图显示。
2.1
2.2导入层包,在这里不多说,参考官网只http://www.layui.com/doc/
2.3先从简单的来显示数据,最后,再来,删除,许可流转....循环渐进。
看代码
