博客
关于我
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的sql执行计划详解
查看>>
mysql的sql语句基本练习
查看>>
Mysql的timestamp(时间戳)详解以及2038问题的解决方案
查看>>
mysql的util类怎么写_自己写的mysql类
查看>>
MySQL的xml中对大于,小于,等于的处理转换
查看>>
mysql的下载安装
查看>>
Mysql的两种存储引擎详细分析及区别(全)
查看>>
mysql的临时表简介
查看>>
MySQL的主从复制云栖社区_mysql 主从复制配置
查看>>
MySQL的事务隔离级别实战
查看>>
mysql的优化策略有哪些
查看>>
MySQL的使用
查看>>
mysql的全文检索的方法
查看>>
MySQL的函数
查看>>
mysql的函数DATE_ADD()
查看>>
mysql的函数操作
查看>>
mysql的分类排名_mysql高低排名
查看>>
Mysql的分表设计方法 (水平分表和垂直分表)
查看>>
mysql的分页查询limit关键字
查看>>
MySql的创建数据表、约束、外键约束的创建修改删除、级联操作
查看>>