博客
关于我
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/

你可能感兴趣的文章
MySQL5.7.19-win64安装启动
查看>>
mysql5.7.19安装图解_mysql5.7.19 winx64解压缩版安装配置教程
查看>>
MySQL5.7.37windows解压版的安装使用
查看>>
mysql5.7免费下载地址
查看>>
mysql5.7命令总结
查看>>
mysql5.7安装
查看>>
mysql5.7性能调优my.ini
查看>>
MySQL5.7新增Performance Schema表
查看>>
Mysql5.7深入学习 1.MySQL 5.7 中的新增功能
查看>>
Webpack 之 basic chunk graph
查看>>
Mysql5.7版本单机版my.cnf配置文件
查看>>
mysql5.7的安装和Navicat的安装
查看>>
mysql5.7示例数据库_Linux MySQL5.7多实例数据库配置
查看>>
Mysql8 数据库安装及主从配置 | Spring Cloud 2
查看>>
mysql8 配置文件配置group 问题 sql语句group不能使用报错解决 mysql8.X版本的my.cnf配置文件 my.cnf文件 能够使用的my.cnf配置文件
查看>>
MySQL8.0.29启动报错Different lower_case_table_names settings for server (‘0‘) and data dictionary (‘1‘)
查看>>
MYSQL8.0以上忘记root密码
查看>>
Mysql8.0以上重置初始密码的方法
查看>>
mysql8.0新特性-自增变量的持久化
查看>>
Mysql8.0注意url变更写法
查看>>