博客
关于我
layui官网给的模板很多认真学会一个比较复杂的,就可以轻松理解其他的了。
阅读量:664 次
发布时间:2019-03-15

本文共 806 字,大约阅读时间需要 2 分钟。

layui学习笔记,官网给的模板很多。https://www.layui.com/demo/

认真学会一个比较复杂的,就可以轻松理解其他的了。

 

layui 工作原理:

跨域问题原理:

 

 

解决方法:

 

1.直接使用浏览器 访问服务器中的 json.

https://www.layui.com/test/table/demo1.json

 

但是没有了  表格样式。是可以获得数据了。

 

2.

 

 

 

3.还是无法访问数据,因为 layui和json文件没有链接起来。

然后使用HbuilderX

 

 

 

 

 

 

创建一个空项目 命名layui,

 

 

然后把layui 文件夹和 json文件、html文件复制到该文件夹下。

 

然后之间点击运行,选择谷歌浏览器。就可以了。

 

运行如下:

 

代码详细注解

  
Layui

 

从该模板中,复制

 

//监听工具条  table.on('tool(demo)', function(obj){    var data = obj.data;    if(obj.event === 'detail'){      layer.msg('ID:'+ data.id + ' 的查看操作');    } else if(obj.event === 'del'){      layer.confirm('真的删除行么', function(index){        obj.del();        layer.close(index);      });    } else if(obj.event === 'edit'){      layer.alert('编辑行:
'+ JSON.stringify(data)) } });

进行相关修改就可以,让这几个按钮正常使用了

转载地址:http://ctamz.baihongyu.com/

你可能感兴趣的文章
MySQL最大建议行数 2000w,靠谱吗?
查看>>
MySQL有哪些锁
查看>>
MySQL服务器安装(Linux)
查看>>
mysql服务器查询慢原因分析方法
查看>>
mysql服务无法启动的问题
查看>>
MySQL杂谈
查看>>
mysql权限
查看>>
mysql条件查询
查看>>
MySQL条件查询
查看>>
MySQL架构与SQL的执行流程_1
查看>>
MySQL架构与SQL的执行流程_2
查看>>
MySQL架构介绍
查看>>
MySQL架构优化
查看>>
mysql架构简介、及linux版的安装
查看>>
MySQL查看数据库相关信息
查看>>
MySQL查看表结构和表中数据
查看>>
MySQL查询优化:LIMIT 1避免全表扫描
查看>>
MySQL查询优化之索引
查看>>
mysql查询储存过程,函数,触发过程
查看>>
mysql查询总成绩的前3名学生信息
查看>>