博客
关于我
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 -存储过程
查看>>
mysql /*! 50100 ... */ 条件编译
查看>>
mudbox卸载/完美解决安装失败/如何彻底卸载清除干净mudbox各种残留注册表和文件的方法...
查看>>
mysql 1264_关于mysql 出现 1264 Out of range value for column 错误的解决办法
查看>>
mysql 1593_Linux高可用(HA)之MySQL主从复制中出现1593错误码的低级错误
查看>>
mysql 5.6 修改端口_mysql5.6.24怎么修改端口号
查看>>
MySQL 8.0 恢复孤立文件每表ibd文件
查看>>
MySQL 8.0开始Group by不再排序
查看>>
mysql ansi nulls_SET ANSI_NULLS ON SET QUOTED_IDENTIFIER ON 什么意思
查看>>
multi swiper bug solution
查看>>
MySQL Binlog 日志监听与 Spring 集成实战
查看>>
MySQL binlog三种模式
查看>>
multi-angle cosine and sines
查看>>
Mysql Can't connect to MySQL server
查看>>
mysql case when 乱码_Mysql CASE WHEN 用法
查看>>
Multicast1
查看>>
mysql client library_MySQL数据库之zabbix3.x安装出现“configure: error: Not found mysqlclient library”的解决办法...
查看>>
MySQL Cluster 7.0.36 发布
查看>>
Multimodal Unsupervised Image-to-Image Translation多通道无监督图像翻译
查看>>
MySQL Cluster与MGR集群实战
查看>>