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 常见ALTER TABLE操作

MySQL 常见的 9 种优化方法

MySQL 常见的开放性问题

Mysql 常见错误

MYSQL 幻读（Phantom Problem）不可重复读

mysql 往字段后面加字符串

mysql 快速自增假数据，新增假数据，mysql自增假数据

Mysql 报错 Field 'id' doesn't have a default value

MySQL 报错：Duplicate entry 'xxx' for key 'UNIQ_XXXX'

Mysql 拼接多个字段作为查询条件查询方法

mysql 排序id_mysql如何按特定id排序

Mysql 提示：Communication link failure

mysql 插入是否成功_PDO mysql：如何知道插入是否成功

Mysql 数据库InnoDB存储引擎中主要组件的刷新清理条件：脏页、RedoLog重做日志、Insert Buffer或ChangeBuffer、Undo Log

mysql 数据库备份及ibdata1的瘦身

MySQL 数据库备份种类以及常用备份工具汇总

mysql 数据库存储引擎怎么选择？快来看看性能测试吧

MySQL 数据库操作指南：学习如何使用 Python 进行增删改查操作

MySQL 数据库的高可用性分析

MySQL 数据库设计总结